Html 带有数据切换（TB）的下拉菜单功能存在问题

我发现这个网站在我遇到代码无法正常工作的问题时很有用，但是我还没有找到修复方法（或者找出代码的错误），所以我决定最终建立一个帐户

我不是程序员，也不懂Javascript，所以我使用HTML、CSS和TB（Twitter引导）来作弊，这样当我选择一个选项时，它就可以显示对象，而不必重定向到新的HTML页面

问题是，我使用导航标签使代码正常工作，但我正在尝试使下拉按钮可以具有相同的功能，但也可以在超小型设备（电话）上正常工作。下拉菜单可以工作，但由于某些原因，它会突出显示以前选择的选项（当尝试选择新选项时），并且在不重新加载页面的情况下无法再次选择。我想知道是否有人能帮我解决这个问题

提前谢谢

我的代码是：

设计和概念





这是第一个测试部分/p>
这是第二个测试部分

这是第三个测试部分

---

您需要将无序列表嵌套在另一个无序列表中

1） 删除您的

并插入

2） 在该行下插入

3） 从

中删除

id=“myTab”

4） 关闭

和

5） 对于您的

，您可以通过删除

类中的
和
来稍微清理代码<代码>
这是第一个测试部分/p>
这是第二个测试部分

这是第三个测试部分


我希望这有帮助
 你真棒！哈哈，我花了大约2.5个小时试图找出哪里出了问题，现在完全有道理了。至于好的方面，这段代码相当老了，我刚刚返回并尝试将所有内容从引导2迁移到引导3。再次感谢，这个网站还没有让我失望。欢迎你。一开始我有点困惑，因为你的代码基本上是正确的。很高兴我能帮忙。
<div class="btn-group">
<button class="btn btn-default btn-lg dropdown-toggle" type="button"
data-toggle="dropdown"> Designs and Concepts <span class="caret"></span>
</button>   


 <ul class="dropdown-menu"id="myTab">
<li><a href="#test1" data-toggle="tab">Test1</a></li>    
<li><a href="#test2" data-toggle="tab">Test2</a></li>
<li><a href="#test3" data-toggle="tab">Test3</a></li> 
 </ul> </div>

 <div class="tab-content"> <div class="tab-pane fade in active"></div> 
 <div class="tab-pane fade" id="test1">
 <img class="img-responsive"src="#"></img>
 <p>This is the first test section/p></div>

 <div class="tab-pane fade" id="test2">
 <img class="img-responsive"src="#" style="width:250px;"></img>
 <p>This is the second test section.</p></div>

 <div class="tab-pane fade" id="test3">
 <img src="#"></img>
 <p>This is the third test section</p>
 </div></div> </div>     

<ul id="myTab" class="nav">
   <li class="dropdown active">
   <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown"> Designs and Concepts <span class="caret"></span></button>  
   <ul class="dropdown-menu">
       <li class=""><a href="#test1" data-toggle="tab">Test1</a></li>
       <li class=""><a href="#test2" data-toggle="tab">Test2</a></li>
       <li class=""><a href="#test3" data-toggle="tab">Test3</a></li>
   </ul>
   </li>
</ul>

<div class="tab-content"> 
    <div class="tab-pane fade active"></div> 
    <div class="tab-pane fade" id="test1">
        <img class="img-responsive"src="#" />
        <p>This is the first test section/p>
    </div>
    <div class="tab-pane fade" id="test2">
        <img class="img-responsive"src="#" style="width:250px;" />
        <p>This is the second test section.</p>
    </div>
    <div class="tab-pane fade" id="test3">
        <img src="#" />
        <p>This is the third test section</p>
    </div>
</div>