2014-11-13 158 views
0

我的网站共有5页。其中,2个主页面具有子菜单/页面。Bootstrap侧面菜单导航问题

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

当我点击子菜单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"); 
} 

html页面结构:

  1. 服务 3.1服务1个 3.2服务2
  2. 作品 4.1。 Works1 4.2。工程2
  3. 联系

我使用的引导3.寻找类似http://startbootstrap.com/template-overviews/sb-admin-2/

+0

把提琴一起 – ahb

+0

发表您的标记或更好,但建立一个JSBin或小提琴 – elzi

+0

这里是一个小提琴相似,我的问题。当我在第一个下拉点击2次图标向上移动和down.However,当我点击在第一个选项卡图标上发生变化,当我点击第二个选项卡时,先前的下拉菜单单独关闭,图标不变。这里是小提琴http://jsfiddle.net/apougher/P8WRA/ – user3109801

回答

0

侧菜单我把它通过CSS本身控制工作。