twitter-bootstrap - Twitter Bootstrap 的手风琴和多个孩子

Question

如何扩展/显示多个孩子？目前未显示 Service2。

<div class="accordion" id="accordion1">
<div class="accordion-group">
    <div class="accordion-heading">
        <div class="accordion-toggle group-accordion-toggle">
            <a href="#collapseOne" data-parent="#accordion1"
               data-toggle="collapse" class=""><i
                    class="icon-plus"></i></a>
            <a href="http://www.example.com">Operator</a>
        </div>
    </div>

    <div id="collapseOne" class="accordion-body collapse">
        <div class="accordion-inner"><a
                href="http://www.example.com/service1">Service1</a></div>
    </div>

    <div id="collapseOne" class="accordion-body collapse">
        <div class="accordion-inner"><a
                href="http://www.example.com/service2">Service2</a></div>
    </div>

</div>

http://jsfiddle.net/mejo/CXDC8/

Answer 1

你能不能把<div id="collapseOne" class="accordion-body collapse">容器从里面取出来Section2？

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

        <div class="accordion-inner"><a
                href="http://www.example.com/service1">Service1</a>
        </div>

        <div class="accordion-inner"><a
                href="http://www.example.com/service2">Service2</a>
        </div>
    </div>

这是一个JSFiddle说明我的意思。

此外，让两个元素具有相同的 ID 也是一种不好的做法，并且可能会导致进一步的问题。