Question

我正在为移动设备创建一个菜单，并尝试使用Bootstrap 3的折叠功能。

我已经在另一个页面上进行了折叠，所以我复制了结构，给了面板组一个不同的id，并适当地更改了'data-parent'和'panel-collapse'id。然而，这款新手风琴并不起作用。 'in'类不会应用于目标.panel-collapse div，并且hrefs（例如：#navCollapse（x））出现在地址栏中，而不是正常的功能。

这是有问题的代码。（为了简洁，修剪为2个面板。仍然不能正常工作）

<div class='panel-group' id='accordionNav' >
  <div class='panel'>
    <div class='panel-heading'>
      <a data-parent='#accordionNav' data-toggle='collapse' href="#navCollapse1">  <h3>About</h3></a>
    </div>
    <div class='panel-collapse collapse in'  id='navCollapse1'>
      <div class='panel-body'>
        <p>Test test ets ejkfbduskfgsalf jydasl</p>
      </div>
    </div>
  </div>
  <div class='panel'>
    <div class='panel-heading'>
      <a data-parent='#accordionNav' data-toggle='collapse' href="#navCollapse2"><h3>Donors</h3></a>
    </div>
    <div class='panel-collapse collapse' id='navCollapse2'>
      <div class='panel-body'>
        <p>Test test ets ejkfbduskfgsalf jydasl</p>
      </div>
    </div>
  </div>
</div>

Bootstrap 3折叠事件未触发

0 个答案: