如何通過單擊另一個元素來顯示隱藏的元素

Question

這是一個小提琴：
http://fiddle.jshell.net/ggw6hqsj/1/

這是我的問題（例如）：
單擊第一個按鈕時，第二個按鈕被隱藏。 但是我不知道當再次單擊第一個按鈕時如何使隱藏按鈕重新出現。

任何想法 ？ 謝謝。

Answer 1

$(document).ready(function(){ $('.button1').click(function(){ $('.button2').toggle(); }); });

http://fiddle.jshell.net/ggw6hqsj/3/

Answer 2

代碼中最簡單的方法是更改

$('.button2').hide();

至

$('.button2').toggle();

用於按鈕1和2。

小提琴

Answer 3

現有代碼最簡單的更改可能就是使用.toggle()而不是.toggle() .hide() ：

$('.button2').toggle();

Answer 4

您只需要顯示單擊的按鈕並隱藏其他按鈕即可。

嘗試這個

function activateButton(num){
    var activeButton = ".button" + num;
    var otherButton = ".button" + (num === "1" ? "2" : "1");
    $(this).toggleClass('active');
    $(activeButton).show();
    $(otherButton).hide();      
}

$(document).ready(function(){
    $('.button1').click(activateButton("1"));
    $('.button2').click(activateButton("2"));
});