Bootstrap中的折叠功能不起作用

Question

<a data-toggle="collapse" href="#collapseHuiskamerdiner" aria-expanded="false" aria-controls="collapseHuiskamerdiner">
   <div class="col-md-6">
      <div class="width" style="position: relative; overflow: hidden;">
         <div class="huiskamer-titel">
            <h1>Huiskamerdiner</h1>
            <img src="/images/huiskamerdiner.jpg" style="width: 100%;" />
         </div>
      </div>
   </div>
</a>

当我使用此功能时，数据崩溃无效，有人可以帮助我吗？

Answer 1

您确定在代码的任何位置都包含了bootstrap的.js文件吗？ 我看不到

另一件事是，我在您的html中看不到任何collapseHuiskamerdiner ID

<a data-toggle="collapse" href="#collapseHuiskamerdiner" aria-expanded="false" aria-controls="collapseHuiskamerdiner">
   <div class="col-md-6">
      <div class="width" style="position: relative; overflow: hidden;">
         <div class="huiskamer-titel">
            <h1>Huiskamerdiner</h1>
         </div>
      </div>
   </div>
</a>
<div id="collapseHuiskamerdiner">
    abc
</div>

http://jsfiddle.net/svbge7zf/1/-似乎可以使用