折叠引导程序 4

Question

我最近为 Bootstrap 4 安装了一个折叠。当我单击显示卡时，很好，工作，问题是第二次单击，它不会折叠内容。 我已经发布了代码； 如果您能确定问题，请告诉我

<div id="accordion">
    <div class="card">
        <div class="card-header" id="headingTwo">
            <h5 class="mb-0">
                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Welcome
                </button>
            </h5>
        </div>
        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
            <div class="card-body">
                json here
            </div>
        </div>
    </div>
</div>

Answer 1

注意<div id="collapseTwo">的data-parent属性设置为#accordion ？ 请务必将该属性设置为包含手风琴的任何元素的 ID，否则它将不起作用。

https://www.codeply.com/p/vmRvzOHcEr

Answer 2

嗨，用 bootstrap 4 检查过。它工作正常。请找到下面的链接

https://www.codeply.com/p?starter=Bootstrap%204

粘贴您的代码并检查其是否按预期工作。