Question

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

这是我的代码：

<!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>

Answer 1

由于您已使用"toggle" : "show"，因此需要删除手风琴的in课程：

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

<强> FIDDLE

Answer 2

当您添加数据切换和数据父属性时，bootstrap会自动初始化accordion。我想你只需要删除javascript初始化 - $（“。collapse”）。collapse（{“toggle”：“show”}）;

Answer 3

我也删除了

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

来自

<head>

现在它有效！

Bootstrap崩溃/手风琴在Firefox上不会保持开放状态

3 个答案: