如何使用 JavaScript 關閉 Bootstrap Collapse？

Question

我希望能夠使用 javasript 關閉或打開折疊。 任何想法？

<button data-toggle="collapse" data-target="#demo">Collapsible</button>

<div id="demo" class="collapse">
<!--Something else here-->
</div>

Answer 1

$("element-selector").collapse('hide')
$("element-selector").collapse('toggle')
$("element-selector").collapse('show')

https://getbootstrap.com/docs/4.0/components/collapse/#methods

Answer 2

<div id="searchBar" data-toggle="collapse" data-target="#filters">
    Search
</div>
<div id="filters" class="collapse row">
  Hello
</div>

document.getElementById("searchBar").classList.toggle("collapsed");
document.getElementById("filters").classList.remove("in");