2つのタブがあるhtmlにreturn renderで再描画したい時
パラメータを渡してjavascript(jqry?)でactiveなタブを切り替えたい。
よろしくお願いします。
HTML
1<div> 2 <ul class="nav nav-tabs" role="tablist"> 3 <li role="presentation" class="nav-item active"><a href="#catch" class="nav-link active" aria-controls="profile" role="tab" data-toggle="tab">タブ1</a></li> 4 <li role="presentation" class="nav-item"><a href="#com" class="nav-link" aria-controls="profile" role="tab" data-toggle="tab">タブ2</a></li> 5 </ul> 6 <div class="tab-content"> 7 <!--タブ1 --> 8 <div role="tabpanel" class="tab-pane list_tab-pane table-responsive active" id="tab1"> 9
javascript
1 //コンテンツを一度すべて非表示にし、 2 $('.content_area').css('display','none'); 3 4 //一度タブについているクラスselectを消し、 5 $('.tab_area li').removeClass('select'); 6 7 var tabno = '#com' 8 9 //クリックされたタブと同じ順番のコンテンツを表示します。 10 $('.content_area').eq(tabno).fadeIn(); 11 12 //クリックされたタブのみにクラスselectをつけます。 13 $('ul.tab_area li').eq(tabno).addClass('select') 14 15
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。