如何在单击按钮时显示引导折叠div？

Question

我有下面的div，希望在单击按钮时显示它。

我在按钮点击事件中使用这个jquery代码。

$（'.container collapse'）。removeClass（'.container collapse'）。addClass（“容器”）；

为什么现在不显示div，因为我已经改变了类？

<div class="container collapse">
    <div class="row form-group">


        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph1"></canvas>
            </div>
        </div>
        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph2"></canvas>
            </div>
        </div>

    </div>

    <div class="row form-group">


        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph3"></canvas>
            </div>
        </div>
        <div class="col-md-6">
            <div class="col-md-12" style="height:300px;">
                <canvas id="graph4"></canvas>
            </div>
        </div>

    </div>
</div>

它抛出一个错误未捕获的类型错误：$（...）。

Answer 1

如果标记是同一元素上的样式类，则必须用点连接它们。

$('.container.collapse').removeClass('collapse');

否则，如果使用$（'.container collapse'）jquery将尝试在中查找子元素。折叠类型的容器。

您也不必将这些点放在RemveClass和addClass调用中。由于您删除并重新分配了容器类，所以您可以将其留在那里，只删除崩溃类。