Question

我在PHP页面上有以下Bootstrap（2.3.2）代码：

<div class="accordion" id="accordionX">

<?php

    if (!empty($section1)) {

        echo '
        <div class="accordion-group">
        <div class="accordion-heading"><a class="accordion-toggle" data-parent="#accordionX" data-toggle="collapse" href="#collapseOne"><strong>heading 1</strong></a></div>
        <div class="accordion-body collapse in" id="collapseOne">
        <div class="accordion-inner">';

            echo "<p>$something</p>\n\n";

        echo '</div>
        </div>
        </div>';
    }


    if (!empty($section2)) {

        echo '
        <div class="accordion-group">
        <div class="accordion-heading"><a class="accordion-toggle" data-parent="#accordionX" data-toggle="collapse" href="#collapseTwo"><strong>heading 2</strong></a></div>
        <div class="accordion-body collapse" id="collapseTwo">
        <div class="accordion-inner">';

            echo "<p>$something_else</p>\n\n";

        echo '</div>
        </div>
        </div>';
    }


    if (!empty($section3)) {

        echo '
        <div class="accordion-group">
        <div class="accordion-heading"><a class="accordion-toggle" data-parent="#accordionX" data-toggle="collapse" href="#collapseThree"><strong>heading 3</strong></a></div>
        <div class="accordion-body collapse" id="collapseThree">
        <div class="accordion-inner">';

            echo "<p>$something_else_entirely</p>\n\n";

        echo '</div>
        </div>
        </div>';
    }

?>

</div>

如果前两个手风琴是空的并且没有显示，我怎么能使用jQuery以便最后一个手风琴默认打开/扩展并应用相关的'in'类？

Answer 1

脑屁！

删除＆＃39; in＆＃39;来自id =＆＃39; collapseOne＆＃39;在PHP代码中。

然后使用jQuery将类添加到第一个div中，使用class =＆＃39; accordion-body＆＃39;

<script>
$( ".accordion-body:first" ).addClass('in');
</script>

如何切换默认开口

1 个答案: