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

这是一把小提琴：


这是我的问题（例如）：
单击第一个按钮时，第二个按钮将隐藏。 但我不知道如何在再次单击第一个按钮时重新显示隐藏的按钮

---

有什么想法吗？谢谢。

可能对现有代码最简单的更改就是使用而不是

。hide（）

：

---

可能对现有代码最简单的更改就是使用而不是

。hide（）

：

$（文档）.ready（函数（）{
$（'.button1'）。单击（函数（）{
$（'.button2'）.toggle（）；
});
});

$（文档）.ready（函数（））{
$（'.button1'）。单击（函数（）{
$（'.button2'）.toggle（）；
});
});

---

代码中最简单的方法是更改

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

到

用于按钮1和2

---

代码中最简单的方法是更改

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

到

用于按钮1和2

---

您只需显示单击的按钮并隐藏另一个按钮

试试这个

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

---

您只需显示单击的按钮并隐藏另一个按钮

试试这个

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

---

.show

与

.hide

相反。这是jQuery文档中关于

隐藏

的一个示例：

.show

与

.hide

相反。这在jQuery文档中的一个示例中，用于

隐藏
：