为什么这种手风琴允许同时打开多个标签

Question

我只希望一次打开一个标签，我不明白我错过了什么。提前致谢

<div id="Accordion" role="tablist" aria-multiselectable="true"> 
    <a href="#firstSection" id="firstHeading" role="tab" data-toggle="collapse" data-parent="#Accordion" aria-controls="firstSection" aria-expanded="true"> 
        First header
    </a>
    <div class="collapse in" aria-labeledby="#firstHeading" role="tabpanel" aria-expanded="true" id="firstSection">
        first content
    </div> 
    <hr/>

    <a class="collapsed" href="#secondSection" id="secondSectionHeading" role="tab" aria-expanded="false" data-parent="#Accordion" data-toggle="collapse" aria-controls="secondSection">
       second header
    </a>

    <div class="collapse" aria-labeledby="#secondSectionHeading" role="tabpanel" id="secondSection">
        second content
    </div>
    <hr/>

    <a class="collapsed" href="#thirdSection" id="thirdSectionHeading" role="tab" aria-expanded="false" data-parent="#Accordion" data-toggle="collapse" aria-controls="thirdSection">
        third header
    </a>

    <div class="collapse" aria-labeledby="#thirdSectionHeading" role="tabpanel" id="thirdSection">
        third content
    </div>
</div>

Fiddle Link here

编辑：更新小提琴

Answer 1

如果您没有附加一些javascript，则标签无法使用。你的标记也没有正确设置！ 我在下面添加了一个链接到jsFiddle的工作示例，以帮助您入门。