jquery - if else を使用した jQuery の非表示ボタンと表示ボタン

Question

ページに一連のタブがあります。最初にボタンを非表示にしてから、ページ内の特定のタブをクリックすると、ボタンが表示されます。このビットは私が働いています！

hide()私の問題は、別のタブをクリックしたときに、ボタンをもう一度設定したいということです。私は初めてで、これを行うにはステートメントをjQuery追加する必要があると考えていますか?if else

以下のコード:

$(document).ready(function () { 
    $('.myButton').hide();

    $('a.tab1').click(function() {
        $('.myButton').show();
        return false;
    });
    $('.myButton').hide(); // hide again once clicked off the tab.
});

Answer 1

すべての「タブ」リンク要素の親にクリック イベントを追加します。

$('.parentofTabLinks').click(function(event) {
    if($(event.target).is('a.tab1'))
        $('.myButton').show();
    else
       $('.myButton').hide();
});

Answer 2

.toggle()jQueryの参照。if ステートメントと同じですが、jQuery ライブラリによって管理されます。

http://api.jquery.com/toggle/