Javascript 无面板自举手风琴

是否可以从引导程序中获得“手风琴”“功能，而不使用面板？我有一些基于它们的代码，我有以下代码，它使用

数据父项

，应该允许它工作，但我不能让它像手风琴一样工作：

<div id="accordion" role="tablist" aria-multiselectable="true">
    <div class="card">
        <div class="card-header" role="tab" id="headingOne">
            <h5 class="mb-0">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">&nbsp;&nbsp;
                    Bla bla bla bla?
                </a>
            </h5>
        </div>

        <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne">
            <div class="card-block">
                bla bla bla
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header" role="tab" id="headingTwo">
            <h5 class="mb-0">
                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">&nbsp;&nbsp;
                    bla bla badl bla?
                </a>
            </h5>
        </div>
        <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
            <div class="card-block">
                bla bla bla?
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-header" role="tab" id="headingThree">
            <h5 class="mb-0">
                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">&nbsp;&nbsp;
                    blablalblalbalbalba?
                </a>
            </h5>
        </div>
        <div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
            <div class="card-block">
                BALBL ALBBLAABL BALALABAL BLA!
            </div>
        </div>
    </div>
</div>

呜呜呜呜
布拉布拉布拉布拉布拉？
巴布，巴布，巴布，巴布！

---

如果我做得不正确，有什么帮助吗？

您缺少引导js文件，该文件具有引导的折叠和展开机制，如果没有该机制，手风琴将无法工作。确保在页面头标记中的引导css文件之后添加jquery，尤其是引导js文件。例如，通过为bootstrap和js添加以下链接和脚本，您的代码运行良好

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" />
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>

样本：