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

Question

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

我在按钮单击事件上使用此jquery代码。

$（'。container crash'）。removeClass（'。container crash'）。addClass（'container'）;

为什么在我更改班级时现在不显示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>

它引发错误“未捕获的TypeError：$（...）。removeClass不是函数”。

Answer 1

如果标签是同一元素上的样式类，则必须用点将标签连接起来。

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

否则，如果您使用$('.container collapse') jQuery将尝试找到内部的子元素.container类型的collapse 。

您也不removeClass点放在removeClass和addClass调用内。 由于您删除并重新分配了容器类，因此可以将其保留在那里，仅删除折叠类。