-1

タブのようなものを作成したい。だから私はタブ自体を持っています

    <div class="tab" >Tab1</div>
    <div class="tab" >Tab2</div>
    <div class="tab" >Tab3</div>

各タブのページコンテンツ

    <div class="pagecontent" >pagecontent for Tab1</div>
    <div class="pagecontent" >pagecontent for Tab2</div>
    <div class="pagecontent" >pagecontent for Tab3</div>

「tab1」を押すと、「Tab1のページコンテンツ」が表示され、他の2つが非表示になるように、jsを「賢い方法」で機能させる方法は? また、タブの数はページごとに異なります。

4

2 に答える 2

4 
$(function() {  
    $('.pagecontent').not(':eq(0)').hide();
    $('.tab').click(function() {  
        $('.pagecontent').hide();
        $('.pagecontent').eq($(this).index()).show();
    });  
});

こちらで動作するデモをご覧ください> http://jsfiddle.net/Yce32/

于 2012-12-18T11:14:04.093 に答える
0

jQuery UI タブを試す:

http://jqueryui.com/tabs/

それは「賢い方法」です-ボックスに追加\削除\順序タブがあります

于 2012-12-18T13:01:10.667 に答える