请查看此菜单的设计: 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();
    });
});

#1楼 票数:0

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

#2楼 票数:0 已采纳

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

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

  ask by Foysal Uddin Bony translate from so

未解决问题?本站智能推荐:

2回复

突出显示菜单栏航点

即时通讯正在制作一个网站,并希望将本网站中的某些内容合并到我的菜单中。 http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-way
1回复

菜单栏上显示的页面内容?

我面临一种问题,也许我无法正确地告诉大家。 我正在使用一个管理系统,其中固定了菜单栏以显示整个页面。 表示菜单栏始终显示。 但是问题是->我的菜单栏上显示了我的其他页面内容,请在下面显示此图片-> 看起来我的搜索框显示在菜单栏上。 当我滚动页面时会发生这种情况。 首
2回复

隐藏在Nivo滑块后面的CSS菜单栏

我已经尝试了所有可以在Google上找到的解决方案,但是不知何故,有关z-index的所有信息都无法真正发挥作用:(。这是我第一次使用此网站,请原谅我的内容似乎混乱。 问题1 : https : //www.dropbox.com/s/jr5wew27ydv7hcl/Screen%20Sh
2回复

当鼠标进入div时显示顶部菜单栏

我有一个虚拟div和一个实际的div,它充当我的顶级菜单。 我想在鼠标进入menu-bar-dummy时显示editor-menu-bar ,并在鼠标离开menu-bar-dummy时隐藏editor-menu-bar 。 此代码几乎可以正常工作。 只是编辑器菜单栏一直闪烁。 快速调
1回复

用javascript移动菜单栏

我正在设计一个带有菜单栏的站点,该菜单栏以标题元素中的相对位置开头。 它与顶部的距离(以像素为单位)为300。当我在300像素以下的页面上滚动时,我想制作一个JavaScript函数,将位置更改为固定,顶部更改为0。 这样,当向下导航时,菜单栏将始终位于屏幕顶部。 有人有这样做的好方法吗?
3回复

网站菜单栏下拉

我正在为客户建立网站。 对于菜单/导航栏,我为他们创建了一个具有下拉菜单的菜单项(它们非常具体),但是存在一个问题-当您将鼠标悬停在下拉菜单项之一上时,它消失了-在此处查看http: //www.brandonsdesigngroup.com/menu-expamle.html 。 对于
1回复

下拉菜单栏

我试图制作一个下拉菜单栏,在PC和手机上看起来都不错。 在PC上效果很好:codepen.io/anon/pen/tlhnk 我要寻找的效果是,当我按下带有“子菜单”的“主菜单”时,子菜单应该显示在主菜单的下面(它确实可以,但是与中间位置有点有点不同)子菜单)的子菜单应将活动菜单下的主菜
1回复

带有水平子菜单栏显示/隐藏的导航栏下拉菜单

Bootstrap 4.3.1 我创建了一个测试页面,它有一个带有子菜单的菜单栏。 当鼠标悬停在菜单上时,会出现一个三角形指针,表示选择。 用户应该能够将鼠标移动到子菜单栏来选择子菜单。 单击菜单(具有子菜单)时,子菜单栏(和三角形指针)应固定在该位置,除非选择了子菜单或其他(顶部)菜单。 问题是