http://usyo.net/common/js/pulldown/pulldown.js

1$(document).ready(function(){
2						   
3	function is_smartPhone() {
4	  var media = [
5		'iPhone',
6		'iPad',
7		'Android'
8		/*‚»‚Ì‘¼Ablackberry,windowsPhone‚È‚Ç•K—v‚È‚à‚Ì‚ª‚ ‚ê‚ΒljÁ‚·‚é*/
9		/*Android‚Í'Android'‚Æ‚¢‚¤•¶Žš—ñ‚¾‚¯‚Å‘S‚Ä‚ÌAndroid’[––‚𔻕ʏo—ˆ‚È‚¢‚Ì‚Å’ˆÓ*/
10		];
11	  var pattern = new RegExp(media.join('|'), 'i');
12	  return pattern.test(navigator.userAgent);
13	}
14
15
16	var list = $("li.pulldown");
17	var w_window = window.innerWidth;
18	
19	
20	var list_pulldown = $("ul.list_pulldown");
21	list_pulldown.hide();		
22
23	if ( is_smartPhone() || w_window < 1025 ) {
24			
25		/*list.click(function(){
26							
27			list.children("ul").hide();
28			list.removeClass("selected");
29											
30			if($(this).is(".selected")){
31				
32				$(this).children("ul").hide();	
33				$(this).removeClass("selected");
34				
35			}else{
36	
37				//$("li.pulldown").children("ul").hide();
38				$(this).children("ul").show();	
39				$(this).addClass("selected");
40				
41			}
42		});*/
43		
44		list_pulldown.hide();
45		list_pulldown.removeClass("selected");		
46		
47		list.eq(0).click(function(){
48								  		
49			if(list_pulldown.eq(0).is(".selected")){			
50				list_pulldown.eq(0).hide();
51				list_pulldown.eq(0).removeClass("selected");
52			}else{
53				
54				list_pulldown.eq(1).hide();
55				list_pulldown.eq(1).removeClass("selected");
56				
57				list_pulldown.eq(0).show();
58				list_pulldown.eq(0).addClass("selected");
59				
60			}//end if
61		});
62
63		list.eq(1).click(function(){
64		
65			if(list_pulldown.eq(1).is(".selected")){			
66				list_pulldown.eq(1).hide();
67				list_pulldown.eq(1).removeClass("selected");
68			}else{
69				list_pulldown.eq(0).hide();
70				list_pulldown.eq(0).removeClass("selected");
71				list_pulldown.eq(1).show();
72				list_pulldown.eq(1).addClass("selected");
73			}//end if
74		});
75		
76		
77	}else{
78			
79		list.mouseover(function(){
80				$(this).children("ul").show();	
81				$(this).addClass("selected");
82		});
83		
84		list.mouseout(function(){
85				$(this).children("ul").hide();	
86				$(this).removeClass("selected");
87		});	
88		
89		
90	}//end if
91
92
93	
94});