引导侧菜单导航问题

Bootstrap side menu navigation issue

本文关键字:导航 问题 菜单      更新时间:2023-09-26

我的网站总共有5页。其中,2个主页具有子菜单/页面。

我正在使用 + 和 - 图标让用户知道网站中有子菜单。

当我单击子菜单 li 时,它会切换 + 和 - 图标。但是,当我单击 + 按钮并再次单击第二个 + 按钮时,上一个子菜单关闭,但图标没有从 - 更改为 +。

Jquery:

if (li.hasClass("open") && li.children("ul:visible").size()) {
        li.children("ul").slideUp().parent('li').removeClass("open");
        li.children("ul").slideUp().parent('li').children("a").children("span").removeClass("open")   ;     
    } else {
        li.children("ul").slideDown().parent('li').addClass("open");
        li.children("ul").slideDown().parent('li').children("a").children("span").addClass("open");
}

网页结构:

  1. 大约
  2. 服务业3.1 服务 13.2 服务 2
  3. 工程4.1. 作品14.2. 作品 2
  4. 联系

我正在使用引导程序 3。寻找类似于 http://startbootstrap.com/template-overviews/sb-admin-2/的侧菜单

我通过在CSS本身中进行控制来使其工作。