如何通过单击另一个元素来显示隐藏的元素

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"));
});