Как в bootstrap navbar сделать выпадающее меню с двух ссылок?

Question

[Stacy None]

В bootstrap navbar (меню) есть выпадающий список, выглядит он вот так:

<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>

Но мне нужно сделать так чтобы список открывался не только при нажатии на

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>

Но и при нажатии на еще одну ссылку. Как такое реализовать ?
Заранее спасибо!

Answer 1

[Павел]

а в чем проблема то?
дублируешь код

<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>

убираешь не нужное и все

Comments

[Stacy None]

Нет, мне не нужна копия, мне нужно чтобы именно тот список открывался а не дубликат.
Т е Один и тот же список с двух кнопок

[Павел]

Stasy11: ну тоже все просто

<li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown2 <span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</li>

[Stacy None]

mrusklon: Нет, вторая ссылка вообще в другом конце страницы.
И Это вообще другой элемент. Я знаю что как то по id= (id) можно делать но не умею