如何显示和隐藏菜单栏

Question

请查看此菜单的设计： http : //jordanek.eu/aktual/index6.html我在其中制作了一个菜单（左侧），该菜单具有一些功能，例如，单击白色条形“ Vyrobce”，然后单击黄色条形“会出现“ Vyrobce”，白色栏“ Vyrobce”会消失。 然后，当单击黄色栏“ Vyrobce”上的关闭链接“ x”时，所有元素将消失，白色栏“ Vyrobce”将再次出现。

问题是，当我单击黄色栏“ Vyrobce”（关闭链接“ x”除外）上的任意位置时，白色栏“ Vyrobce”再次出现并一次显示两个菜单。 但是我只想一次显示一个小节。 我该怎么办？

有人可以帮我解决吗？ 谢谢。

注意：我使用此javascript函数显示和隐藏表单的条形： http : //www.w3schools.com/jquery/jquery_hide_show.asp 。 您可以通过访问给定的链接来查看整个代码，并查看源代码。

<script>
$(document).ready(function(){
    $("#headingOne").click(function(){
                $(".panel_heading1").hide();
    });
    $("#collapseOne").click(function(){
      $(".panel_heading1").show();
    });
});

Answer 1

如果看不到完整的代码，我们就无法分辨问题，但我认为您可能正在将click事件应用到整个$("#collapseOne")而您只需要将其应用于其中的X链接即可。

Answer 2

您将close事件绑定到的div #collapseOne会包裹整个区域。 而是尝试将click事件绑定到仅一个关闭链接：

$("#collapseOne [data-toggle='collapse']").click(function() {
    $(".panel_heading1").show();
});