Question

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

问题是当我点击黄色栏“Vyrobce”上的任何地方，除了关闭链接“x”，白色栏“Vyrobce”再次出现并一次显示两个菜单。但我想一次只显示一个酒吧。我怎么能这样做？

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

N.B。我使用这个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

如果我们看不到整个代码，我们无法说出问题，但我认为您可能在整个$("#collapseOne")上应用点击事件，而您只需要将其应用到其中的X链接

Answer 2

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

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

如何显示和隐藏菜单栏

2 个答案: