如何使下拉菜單在嵌套菜單被選中時展開

這是我的下拉列表dropdown 但是當我點擊下拉菜單中的一個嵌套菜單（例如：Books Registration）時，在該頁面的下拉菜單被收起的時候頁面加載，這樣Collapsed Dropdown，這裏是下拉代碼如何使下拉菜單在嵌套菜單被選中時展開

<ul class="nav nav-second-level"> 
<li id="BooksRegistration"> 
<a href="BooksRegistration.php"><i class="fa fa-edit"></i> Books Registration </a> 
</li> 
<li id="AuthorRegistration"> 
<a href="AuthorRegistration.php"><i class="glyphicon glyphicon-user"></i> Author Registration </a> 
</li> 
<li id="MembersRegistration"> 
<a href="MembersRegistration.php"><i class="glyphicon glyphicon-user"></i> Members Registration </a> 
</li> 

<li> 
<a href="#">Second Level Link<span class="fa arrow"></span></a> 
<ul class="nav nav-third-level"> 
<li>

所以我需要你們給我看我怎樣才能使擴大的下拉列表在下拉列表中的嵌套頁的時被加載。我需要Javascript代碼，因爲我無法使用jQuery

來源

2016-02-04 MAO

MAO，您是否也可以提供css。更好的方法創建[小提琴]（https://jsfiddle.net/）。 –

.top-navbar .dropdown-menu { min-width：230px; border-radius：0 0 4px 4px; } .TOP-導航欄.dropdown菜單> LI>一個：懸停，賽拓樸-導航欄.dropdown菜單> LI>一個：聚焦{ 顏色：＃225081; background：none; } .dropdown-tasks { width：255px; } .dropdown-tasks .progress { height：8px; margin-bottom：8px; 溢出：隱藏; background-color：＃f5f5f5; border-radius：0px; } .dropdown-tasks> li> a {padding：0px 15px; } .dropdown任務p { 字體大小：13像素; line-height：21px; padding-top：4px; } .active-menu {0} background-color：rgba（255，10，10，0.44）; } – MAO

如果您使用任何提供檢查元素功能的瀏覽器在您的下拉列表中激活（在Chrome中右鍵單擊在下拉列表中，然後單擊檢查），然後切換在同一時間看在檢查一側哪一類被更改複製這些類（即它們添加到每個網頁，其中在下拉列表）的CSS的下拉列表看到我的例子

那些強調階級或單擊下拉列表時會顯示樣式中的屬性，然後在展開下拉列表並將其添加到每個屬性時複製這些屬性在下拉列表中的頁面

來源

2016-03-03 18:50:15

非常感謝我的兄弟 – MAO

如何使下拉菜單在嵌套菜單被選中時展開

回答

相關問題