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

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

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

$'.container collapse.removeClass.container collapse.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>

---

它抛出了一个错误“Uncaught TypeError:$..removeClass不是函数”。

如果标记是同一元素上的样式类，则必须将它们与点连接起来

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

否则，如果使用$'.container collapse'，jquery将尝试在.container中查找collapse类型的子元素

---

您也不必在RemoveClassandAddClass调用中添加点。因为您删除并重新分配了容器类，所以您可以将其留在那里，只删除折叠类。

谢谢@Jan，类似于在另一个函数中调用显示此div的函数吗？您始终可以为html文档中的几乎任何元素分配id：例如：。如果您想使用jquery从任何地方修改该元素，您可以通过查询id:$'my-container来访问它。非常感谢。实际上，我是一名软件测试人员，第一次尝试探索事物。