Javascript 开关打开，但不关闭

我最近试着为一个div做开关操作，但是使用了很多方法，由于链接到了.com，我没能做到/#

直到我找到了一个帖子，没有重定向到#

功能切换可见性（newSection）{
$（“#info”）.not（“#”+newSection.hide（）；
$（“#”+newSection.show（）；
}

我仍在学习JavaScript，不知道如何关闭插件。 现在它只是打开，当我按下它时，它不会关闭

---

请提供帮助。

切换根据元素的当前显示可见性同时显示和隐藏。因此，类似这样的方法应该有效：

function toggleVisibility(newSection) {
    $("#" + newSection).toggle();
}

---

听起来您可能需要选项卡：当选择一个面板时，其他面板将消失

以下是一种常见的方法：

$('a.tab').click(function(e) {
    e.preventDefault();
    $('.panel:visible').hide();
    var el = $($(this).attr('href'));
    el.toggle();
});

您拥有显示组中特定面板并隐藏其他面板的链接：

<style type="text/css">
    .panel {display: none;}
</style>

<a class="tab" href="#panel1">Show/hide panel 1</a>
<a class="tab" href="#panel2">Show/hide panel 2</a>
<a class="tab" href="#panel3">Show/hide panel 3</a>

<div class="panel" id="panel1">1</div>
<div class="panel" id="panel2">2</div>
<div class="panel" id="panel3">3</div>

.panel{显示：无；}
1.
2.
3.

您给出的代码所做的是隐藏ID为

info

的所有元素，这些元素没有

newSection

中给出的ID，然后显示

newSection

中的元素

由于元素只能有一个ID，因此将元素视为可能有多个ID，或者可能有多个相同的ID，这有点奇怪，也没有意义

---

你可以使用

.toggle（）

方法：

$（“#”+newSection）.toggle（）

你是一个活生生的保护程序。非常感谢。你也是一个活生生的储蓄者谢谢你！

<style type="text/css">
    .panel {display: none;}
</style>

<a class="tab" href="#panel1">Show/hide panel 1</a>
<a class="tab" href="#panel2">Show/hide panel 2</a>
<a class="tab" href="#panel3">Show/hide panel 3</a>

<div class="panel" id="panel1">1</div>
<div class="panel" id="panel2">2</div>
<div class="panel" id="panel3">3</div>