2014-11-13 212 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本身控制工作。