【发布时间】：2016-07-20 20:01:36
【问题描述】：
我正在尝试在我的网站上解决这个小问题。我正在使用 Bootstrap 手风琴作为我网站的一部分。目前，仅当您单击面板标题上方的文本时才会打开选项卡。我希望能够单击面板标题并让它打开隐藏的内容，而不是文本作为打开隐藏内容的按钮。我不确定该怎么做。有人知道怎么做吗？
http://codepen.io/aahmed2/pen/yOQvVz
提前致谢！
这是我要修复的部分（我无法让它看起来像这里的代码，所以请访问我提供给 Codepen 的链接）
<div class="panel panel-default col-md-4">
<div class="panel-heading bites-stings" role="tab" id="headingSeven">
<a role="button" data-toggle="collapse" data-parent="#accordion,#accordion2" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<h2>Bites and Stings</h2>
</a>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<a href="health-resources/mosquitoes.html"><h4>Mosquitoes</h4></a>
<a href="health-resources/ticks.html"><h4>Ticks</h4></a>
<a href="#"><h4>Bees and Wasps</h4></a>
<a href="#"><h4>Animal Bites</h4></a>
</div>
</div>
</div>
<div class="panel panel-default col-md-4">
<div class="panel-heading pet-health" role="tab" id="headingTwo">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion,#accordion2" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<h2>Pet Health and Safety</h2>
</a>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<a href="#"><h4>Pet Allergies</h4></a>
<a href="#"><h4>Toxic Plants</h4></a>
<a href="#"><h4>Pet and Wildlife Encounters</h4></a>
</div>
</div>
</div>
<div class="panel panel-default col-md-4">
<div class="panel-heading livestock-health" role="tab" id="headingThree">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion,#accordion2" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<h2>Livestock Health and Safety</h2>
</a>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<a href="#"><h4>This is a Topic</h4></a>
<a href="#"><h4>Topic 2</h4></a>
<a href="#"><h4>Another Topic</h4></a>
</div>
</div>
</div>
人畜共患病
细菌 真菌 寄生 普里奥诺 立克次体 螺旋体 病毒性的过敏
动物过敏 环境过敏环境健康
这是一个话题 话题二 另一个话题【问题讨论】：
-
我访问了 codepen 链接，它似乎按描述/预期工作。在 Windows 上使用 chrome - 您使用的是什么浏览器？
-
我在 Firefox 中，点击文本有效，但点击背景图片无效。这就是你的意思修道院吗？
-
我明白了 - 我再次访问它，面板顶部可以工作，但面板底部（文本下方）无法展开/折叠手风琴。
标签： javascript jquery html css twitter-bootstrap