https://jp.toto.com/data-migration/products/common/js/prd_parts_1711.js

1var winW=0;
2var winH=0;
3var nav_stop=187;
4var nav_check=0;
5var mode="pc";
6var menu_flg=0;
7var subnav_flg=0;
8
9$(function(){
10	$(window).on("load resize",function(){
11		winW=$(window).width();
12		winH=$(window).height();
13		
14		var $cat_nav = $(".cat_nav"),
15			cat_navH = $cat_nav.outerHeight(),
16			$breadcrumbs = $(".breadcrumbs"),
17			breadcrumbsH = $breadcrumbs.outerHeight();
18		
19		if(winW<768){
20			mode="sp";
21		}else{
22			mode="pc";
23		}
24		
25		if(mode==="pc"){
26			$("#contents").children("aside").css("height",breadcrumbsH + cat_navH);
27			$("#subnav").next(".sub").css("top",cat_navH);
28		} else if(mode==="sp") {
29			$("#contents").children("aside").css("height","auto");
30			$("#subnav").next(".sub").css("top","auto");		
31		}
32	});
33	
34	$(window).on("load resize scroll",function(){
35		if(mode==="pc"){		
36			var y=$(this).scrollTop();
37		    if(y>=nav_stop && nav_check===0){
38		        nav_check=1;$(".cat_nav").addClass("fixed");
39		    }else if(y<nav_stop && nav_check===1){
40		        nav_check=0;$(".cat_nav").removeClass("fixed");
41		    }
42		}
43	});
44	
45	if(typeof page_id != "undefined"){
46		switch(page_id){
47			case "kitchen_top" : $(".k_top").addClass("active");break;
48			case "kitchen_spec" : $(".k_system").addClass("active");break;
49			case "kitchen_faucet" : $(".k_faucet").addClass("active");break;
50			case "kitchen_reform1" : $(".k_reform1").addClass("active");break;
51			case "kitchen_reform2" : $(".k_reform2").addClass("active");break;
52			case "kitchen_catalog" : $(".k_catalog").addClass("active");break;
53			case "kitchen_showroom" : $(".k_showroom").addClass("active");break;
54			case "kitchen_products" : $(".k_products").addClass("active");break;
55	　　　　case "bath_top" : $(".b_top").addClass("active");break;
56	　　　　case "bath_spec1" : $(".b_house").addClass("active");break;
57	　　　　case "bath_spec2" : $(".b_mansion").addClass("active");break;
58	　　　　case "bath_spec3" : $(".b_bathtub").addClass("active");break;
59	　　　　case "bath_faucet" : $(".b_faucet").addClass("active");break;
60	　　　　case "bath_reform1" : $(".b_reform1").addClass("active");break;
61			case "bath_reform2" : $(".b_reform2").addClass("active");break;
62			case "bath_products" : $(".b_products").addClass("active");break;
63	　　　　case "groom_top" : $(".g_top").addClass("active");break;
64	　　　　case "groom_spec" : $(".g_groom").addClass("active");break;
65	　　　　case "groom_reform1" : $(".g_reform1").addClass("active");break;
66	　　　　case "groom_reform2" : $(".g_reform2").addClass("active");break;
67	　　　　case "groom_products" : $(".g_products").addClass("active");break;
68	　　　　case "toilet_top" : $(".t_top").addClass("active");break;
69	　　　　case "toilet_spec1" : $(".t_toilet").addClass("active");break;
70	　　　　case "toilet_spec2" : $(".t_washlet").addClass("active");break;
71	　　　　case "toilet_spec3" : $(".t_washer").addClass("active");break;
72	　　　　case "toilet_reform1" : $(".t_reform1").addClass("active");break;
73	　　　　case "toilet_reform2" : $(".t_reform2").addClass("active");break;
74	　　　　case "toilet_check" : $(".t_check").addClass("active");break;
75	　　　　case "toilet_products" : $(".t_products").addClass("active");break;
76	　　　　case "faucet_top" : $(".f_top").addClass("active");break;
77	　　　　case "faucet_kitchen" : $(".f_kitchen").addClass("active");break;
78	　　　　case "faucet_bath" : $(".f_bath").addClass("active");break;
79	　　　　case "faucet_groom" : $(".f_groom").addClass("active");break;
80	　　　　case "faucet_eco" : $(".f_eco").addClass("active");break;
81	　　　　case "faucet_video" : $(".f_").addClass("active");break;
82	　　　　case "faucet_tnm" : $(".f_").addClass("active");break;
83			case "accessory_top" : $(".a_top").addClass("active");break;
84			case "accessory_function" : $(".a_function").addClass("active");break;
85			case "accessory_coordinate" : $(".a_coordinate").addClass("active");break;
86			case "accessory_paper" : $(".a_paper").addClass("active");break;
87			case "accessory_ring" : $(".a_ring").addClass("active");break;
88			case "accessory_hang" : $(".a_hang").addClass("active");break;
89			case "accessory_mirror" : $(".a_mirror").addClass("active");break;
90			case "accessory_shelf" : $(".a_shelf").addClass("active");break;
91			case "accessory_balustrade" : $(".a_balustrade").addClass("active");break;
92			case "accessory_cabinet" : $(".a_cabinet").addClass("active");break;
93			case "accessory_catalogue" : $(".a_catalogue").addClass("active");break;

94			case "ud_top" : $(".u_top").addClass("active");break;
95			case "ud_toilet" : $(".u_toilet").addClass("active");break;
96			case "ud_bath" : $(".u_bath").addClass("active");break;
97			case "ud_entrance" : $(".u_entrance").addClass("active");break;
98			case "ud_reform" : $(".u_reform").addClass("active");break;
99			case "ud_catalogue" : $(".u_catalogue").addClass("active");break;
100			case "ud_showroom" : $(".u_").addClass("active");break;
101			case "tile_top" : $(".ti_top").addClass("active");break;
102			case "tile_feature" : $(".ti_feature").addClass("active");break;
103			case "tile_hydro1" : $(".ti_hydro1").addClass("active");break;
104			case "tile_tile" : $(".ti_tile").addClass("active");break;
105			case "tile_coating" : $(".ti_coating").addClass("active");break;
106			case "tile_hydro2" : $(".ti_hydro2").addClass("active");break;
107			case "public_top" : $(".p_top").addClass("active");break;
108			case "public_use" : $(".p_use").addClass("active");break;
109			case "public_toilet" : $(".p_toilet").addClass("active");break;
110			case "public_groom" : $(".p_groom").addClass("active");break;
111			case "public_bath" : $(".p_bath").addClass("active");break;
112			case "public_accessory" : $(".p_accessory").addClass("active");break;
113		}
114	}
115	$("#subnav").bind("click",function(){
116		if(subnav_flg==0){
117			subnav_flg=1;
118			$(this).parent().addClass("active2");
119			$(".sub").show();
120		}else{
121			subnav_flg=0;
122			$(this).parent().removeClass("active2");
123			$(".sub").hide();
124		}
125	});
126	$(".cat_nav dt").bind("click",function(){
127		if(menu_flg==0){
128			menu_flg=1;
129			$(".cat_nav dd").slideDown(500);
130			$(".cat_nav dt").addClass("close");
131		}else{
132			menu_flg=0;
133			$(".cat_nav dd").slideUp(500);
134			$(".cat_nav dt").removeClass("close");
135		}
136	});
137});