Javascript 用JS控制手风琴

我一直在玩弄Bootstrap的手风琴功能，并学习了很多如何使用它。然而，有一件事我一直有困难：

我正在为教室制作一个网页。我的目标是制作一个手风琴，第一个标签打开，学生在标签内执行任务。当他们得到正确答案时，他们可以打开第二个选项卡，依此类推。换句话说，我想使用JS或JQuery来锁定accordion的后续选项卡，但我还不知道如何做到这一点

---

希望我的问题很清楚

您的代码和/或JSFIDLE PLST感谢您的快速回复。我还没有自己的代码。到目前为止，我已经使用了手风琴（）的通用引导代码。我希望能在正确的方向上取得进展，以完成我正在尝试做的事情。这是一个很好的选择，到目前为止，我的思维过程是：我将使用一个框，然后能够使用Javascript或JQuery在单击框时实例化一个事件。不过，我还没有弄明白如何使用Javascript实例化引导折叠。谢谢链接。：）不过，我目前面临的最大挑战是，让点击按钮不会自动打开盒子。我的目标是锁定可折叠组，直到满足某一组参数。我正在寻找的一个很好的例子是：