2015年12月17日木曜日

任意の位置でタブメニューを開いておく

こんにちは山田です。

タブ付きのメニューってありますよね。
それを、初期状態で受け取った数字によって、
開始タブを任意に変えることをやりました。
その備忘録です。
タブとそれに紐づくパネルが同時操作されます。
タブの部分は、クラス名に"tabCurrent"があるもの
パネル部分は、目的のdivタブのみ表示をさせています。



HTML

      
  • 消防車
  •   
  • 救急車
  
   
          
  • 赤い
  •       
  • 大型車
  •     
  
  
JavaScript

$(function() {
 var num = "<%=ID %>";//サーバサイドから値渡し
 var $currentTab = $("#tab" + num);
 $currentTab.addClass("tabCurrent");
 //パネル側も同様にやる
 var $currentPanel = $("#panel" + num);
 $(".vehiclePropaty").hide();
 $currentPanel.fadeIn("fast");
});

0 コメント:

コメントを投稿