如何在單擊按鈕時顯示引導折疊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調用內。 由於您刪除並重新分配了容器類，因此可以將其保留在那里，僅刪除折疊類。