将show class添加到Bootstrap 4手风琴元素

时间:2017-08-18 09:39:39

标签: javascript jquery html css twitter-bootstrap

我有这个简单的任务,想要在使用折叠动画通过jQuery添加类时打开折叠的手风琴卡。现在我只需要这段代码:

$("#collapseOne").addClass("show");

这样可以正常打开折叠元素,但它不会播放折叠动画。我也尝试添加.collapsing类,但这打破了这个功能。

我的折叠元素的HTML:

<div id="collapseOne" class="collapse" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
                            <div class="card-body">
                                <div id="primaryBookmarks" class="list-group">
                                    <button type="button" class="list-group-item list-group-item-action">
                                                  Cras justo odio
                                                </button>
                                </div>
                            </div>
                        </div>

我有两个崩溃元素,它们都是关闭的。当我向其中一个添加元素时,我想让它崩溃打开。

0 个答案:

没有答案