javascript - 如何显示和隐藏菜单栏

请看这个菜单的设计：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();
    });
});

最佳答案

将close事件绑定到的div#collapseOne覆盖整个区域。相反，请尝试仅将单击事件绑定到关闭链接：

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