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

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的

。

fiddle

Answer 3

对现有代码进行最简单的更改可能只是使用.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"));
});