0

jquery タブ プラグインを使用せずにタブ メニューを作成しようとしています。クラスをタブメニューとして作成しましtabheaderた。その子をクリックすると<a>、クラスは、このマークアップのように、タブメニューのアンカータグのhrefでoftabed_contentsを使用して達成しようとしました。idtabed_contents

<ul class="tabheader">

<li class="active" ><a href="#fragment-1"><span>FAQs</span></a></li>

</ul>

<div id="fragment-1" class="tabed_contents">
aasd

</div>

私のフィドル 私はhref値を取得し、resepted idをフォームhide.Amを表示するようにしました。その後、完全に打たれました..助けてください

私のjq

 $('.tabs > ul.tabheader > li > a').on('click', function() {

  var href = $(this).attr('href');
    $(href).show();
})
4

3 に答える 3

1

私が見ることができることの1つは、要素が表示されたままであることです。次の行を使用して、それぞれのアイテムを表示する前にすべてのアイテムを非表示にします。

  $('.tabed_contents').hide();

また、 jQuery UI Tabsを使用しない理由はありますか?

達成したいことを実際に指定していないため、これについてさらに支援が必要な場合は、質問について詳しく説明してください。

于 2013-10-03T10:36:26.027 に答える
0

hide最初にすべての divを作成する必要があります。

$('.tabs > ul.tabheader > li > a').on('click', function() {
    $('.tabed_contents').hide();// hide previously shown containers
    var href = $(this).attr('href');
    $(href).show();// shows the div for which your tab is selected

    $('.tabs > ul.tabheader > li').removeClass('active');
    // add class to li
    $(this).closest('li').addClass('active');
});
于 2013-10-03T10:38:16.850 に答える