Twitter бутстрап аккордеон в аккордеоне не рухнет

Я использую twitter bootstrap для создания аккордеона, в котором каждая строка содержит еще один аккордеон. Код ниже создает аккордеон внутри аккордеона, но внутренний аккордеон не рухнет, и я просто не могу понять, почему.Twitter бутстрап аккордеон в аккордеоне не рухнет

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

источник

2013-08-07 Niels Sønderbæk

Hi @Niels Sønderbæk ... Вы пытались изолировать это в чистой разметке и скрипте JS, чтобы убедиться, что на вашей странице ничего особенного не вызывает? – sulfureous

Я хотел проверить, можно ли это сделать в изолированной среде. http://jsfiddle.net/sulfureous/8VTt2/ Так что это выполнимо, и я не вижу ошибок в вашем коде. Некоторые другие CSS или JS могут взаимодействовать с ним в вашей конкретной среде. Убедитесь, что все ваши идентификаторы уникальны и что они печатаются, как вы ожидали бы их с вашим PHP. Удачи. – sulfureous

Итак, после некоторых дополнительных испытаний, я считаю, что выяснил проблему. Исходные идентификаторы содержат пробелы и скобки. Как только я выбрал id без пробелов и скобок, он работал отлично. Я не совсем уверен, были ли это пробелы, скобки или и то, и другое, что сделало аккордицию неверным, но я бы посоветовал избегать использования тех, кто использует бутстрап-аккордеон.

источник

2013-08-08 23:30:36

Twitter бутстрап аккордеон в аккордеоне не рухнет

ответ

Смежные вопросы