html - Bootstrap Navbar Dropdowns 每次打开第一个下拉菜单

Question

下面是导航栏的代码片段，其中一些列表项是下拉列表。下面的导航有三个选项卡。其中两个是下拉菜单。但是，下拉功能仅在只有一个列表项具有下拉功能时才有效。

当您制作多个下拉菜单时，无论何时单击下拉菜单，第一个都会打开。所以在这种情况下，“chapter2”将始终下拉，即使您选择第三项。

//First Nav Element
<li id="chapter1" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  <p>TITLE HERE</p>
<li>

//Second Nav Element
<li id="chapter1" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  <p>TITLE HERE</p>

  <ul class="dropdown-menu show">
    <li>
      <p>SUBTITLE 1</p>
    </li>
    <li>
      <pSUBTITLE 2</p>
    </li>
  </ul>
</li>

//Third Nav Element
<li id="chapter2" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  <p>TITLE HERE</p>

  <ul class="dropdown-menu show">
    <li>
      <p>SUBTITLE 1</p>
    </li>
    <li>
      <pSUBTITLE 2</p>
    </li>
  </ul>
</li>

标签： htmlcss