accordion中的Twitter bootstrap accordion不会折叠

Question

我正在使用twitter bootstrap创建一个accordion，其中每个行项目都包含另一个accordion。下面的代码在accordion中创建了accordion，但是里面的accordion不会折叠，我就是不明白为什么。

$daysToBeShown: array(2) { [2]=> string(6) "Wednesday" [6]=> string(7) "Sunday" }

$teamForDaysArray: array(2) { ["Wednesday"]=> array(2) { [0]=> string(18) "09:00-09:30 (1022)" [1]=> string(18) "09:30-10:00 (1023)" } ["Sunday"]=> array(1) { [0]=> string(18) "16:10-16:50 (2033)" } }

<div class="accordion" id="accordion1">
<?php
foreach($daysToBeShown as $key => $value)
{
?>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse<?php echo $key;?>">
        <?php echo $value;?>
      </a>
    </div>
    <div id="collapse<?php echo $key;?>" class="accordion-body collapse">
      <div class="accordion-inner">
        <div class="accordion" id="accordion2">
<?php
foreach($teamForDaysArray[$value] as $keys => $valueInner)
{
?>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse<?php echo $valueInner;?>">
        <?php echo $valueInner;?>
      </a>
    </div>
    <div id="collapse<?php echo $valueInner;?>" class="accordion-body collapse" style="height: 0px;">
      <div class="accordion-inner">
        ...
      </div>
    </div>
  </div>
  <?php
}
?>
</div>
      </div>
    </div>
  </div>
  <?php
}
?>
</div>

Answer 1

因此，经过一些额外的测试，我相信我已经找到了问题所在。原始id包含空格和括号。一旦我选择了一个没有空格和括号的id，它就工作得很好。我不能完全确定是空格、括号还是两者都有，导致了accoridion的错误行为，但我建议避免使用带引导手风琴的那些。