Bootstrap 3菜单，一个按钮切换标签并打开下拉菜单

Question

我正在为一个bootstrap网站整理一个菜单，边走边学习，但我现在迷失在javascript的世界里。

假设我们有一个典型的标签导航菜单，当标签被点击时，它变得活跃，它也激活了一个下拉菜单。我可以让它做其中一项，但不能同时做两项。

Demo在这里

http://www.bootply.com/120851

基本上，当点击"pane2"时，下拉框应该出现在pane2内容区。我已经包含了从菜单中单独切换下拉菜单的链接，这样你就可以看到当"pane2"被选中/激活时它是有效的。我希望我说的有意义。

谢谢!

Answer 1

您可以在pane2

中使用以下代码

<div id="pane2" class="tab-pane">
  <div id="collapseTwo" class="tab-pane">   
   <div class="the-window">
    <div class="dropDownTab">
      <div class="taglist">do stuff</div>
      <div class="taglist">do stuff</div>
      <div class="taglist">do stuff</div>
         </div>
      </div>
   </div> 
</div>

和以下css:

.dropDownTab {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: 48px;
    width: 72px;
    text-align: center;
}

Answer 2

http://www.bootply.com/121226

与onclick link的效果不同