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

我只想一次打开一个标签，我不明白我遗漏了什么。提前谢谢

<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

如果您不向选项卡附加一些javascript，这些选项卡将无法工作。此外，您的标记设置不正确！

---

我在下面添加了一个指向JSFIDLE的链接，作为一个工作示例，让您开始学习

如果不附加一些javascript，选项卡将无法工作。此外，您的标记设置不正确！

---

我在下面添加了一个指向JSFIDLE的链接，作为一个工作示例，让您开始学习

你完全改变了我所做的一切。下面是一个没有.js就可以正常工作的例子对不起！！我的错！！我给了你一个标签的例子，而你在哪里问一些关于手风琴。我很高兴你解决了你的问题！！我住的地方是晚上4点，可能我有点困了。问题还没有解决。我用了…的例子，但这不是我需要的。谢谢你的帮助，你到底需要什么？你完全改变了我所做的一切。下面是一个没有.js就可以正常工作的例子对不起！！我的错！！我给了你一个标签的例子，而你在哪里问一些关于手风琴。我很高兴你解决了你的问题！！我住的地方是晚上4点，可能我有点困了。问题还没有解决。我用了…的例子，但这不是我需要的。非常感谢你的帮助你到底需要什么？