如何在选择嵌套菜单时展开下拉菜单

Question

以下是我的下拉列表dropdown 但是当我点击下拉菜单中的一个嵌套菜单时（例如：图书注册），在该页面上下拉菜单会在页面加载时折叠，如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

Answer 1

如果您在下拉列表中使用任何提供检查元素功能的浏览器（在Chrome中右键单击下拉列表，然后单击检查），然后同时切换下拉列表查看检查中的css哪个类被更改的副本复制这些类（将它们添加到下拉列表中的每个页面） 看看我的例子

单击下拉列表时会显示样式中突出显示的类或属性，然后在展开下拉列表时将其复制并将其添加到下拉列表中的每个页面