通常、こちらのページを開くと「タブ1」が開いた状態なのですが、通常「タブ1」が開いた状態のまま、トップページから飛んだ時だけ、「タブ4」をactiveにするにはどうしたら良いでしょうか。
ご教授ください。
PHP
1<ul id="tab"> 2 <li id="tab_vege"><a href="#content_vege" data-cat="vegetable">タブ1</a></li> 3 <li id="tab_fruit"><a href="#content_fruit" data-cat="fruit">タブ2</a></li> 4 <li id="tab_flower"><a href="#content_flower" data-cat="flower">タブ3</a></li> 5 <li id="tab_pluck"><a href="#content_pluck" data-cat="pluck">タブ4</a></li> 6</ul> 7
JS
1tab.SetTabChange = function(baseId, tab_suffix, content_suffix){ 2 "use strict"; 3 4 $(baseId + content_suffix + " li").hide(); 5 6 $(baseId + tab_suffix + " a").off("click").on("click", function(){ 7 8 var activeTab = $(baseId + tab_suffix + " a.active"); 9 activeTab.removeClass("active"); 10 $(this).addClass("active"); 11 12 $(baseId + content_suffix + " > .active").removeClass("active").slideUp(); 13 $($(this).attr("href")).addClass("active").slideDown(); 14 15 var targetCat = $(this).attr("href").replace(baseId + content_suffix + "_", ""); 16 17 // クリックしたタブのカテゴリのピンだけ表示 18 for(var i = 0; i < list.length; i++){ 19 list[i].marker.setVisible(list[i].category === targetCat); 20 } 21 22 // バルーン消す 23 if(prevBaloon != undefined) 24 { 25 prevBaloon.close(); 26 prevBaloon = undefined; 27 prevMarker = undefined; 28 } 29 return false; 30 })[0].click(); 31 32 $(baseId + "_smenu" + " a").off("click").on("click", function(){ 33 $(baseId + tab_suffix + "_" + $(this).data("cat") + " a").click(); 34 return false; 35 }); 36};
あなたの回答
tips
プレビュー