如何使下拉菜单在嵌套菜单被选中时展开

这是我的下拉列表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

如何使下拉菜单在嵌套菜单被选中时展开

回答

相关问题