1

我无法让 Bootstrap 手风琴折叠在 Firefox 上正常工作。如果我单击手风琴标题，它会显示一秒钟的内容，但不会保持打开状态。我也尝试过使用“toggle”：“hidden”，但这也不起作用。非常感谢任何反馈或帮助，谢谢！

这是我的代码：

<!DOCTYPE html> 

<head>
<script src="/js/bootstrap-collapse.js"></script>  
   <script>  
        $(document).ready(function () {
        $(".collapse").collapse({"toggle" : "show"});
        });
   </script> 
</head>

<div class="accordion" id="accordion2">
  <div class="accordion-group">
     <div class="accordion-heading">
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2"  href="#collapseOne">Example</a>
     </div>
  <div id="collapseOne" class="accordion-body collapse in">
     <div class="accordion-inner"> Example text for the accordion...</div>
   </div>
  </div> 
</div><!--end of accordion-->

</body>
</html>
4

3 回答 3

0

我也删除了

<script src="/js/bootstrap-collapse.js"></script>

来自

<head>

现在它可以工作了！

于 2013-04-21T18:50:49.327 回答
0

由于您已经使用过"toggle" : "show"，因此您需要删除in手风琴类：

<div id="collapseOne" class="accordion-body collapse">

小提琴

于 2013-04-21T10:18:06.840 回答
0

当您添加 data-toggle 和 data-parent 属性时，引导程序会自动初始化手风琴。我认为您只需要删除 javascript 初始化 - $(".collapse").collapse({"toggle" : "show"});

于 2013-04-21T10:20:23.047 回答