Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const collapseEl = document.getElementById("myCollapse"); const bsCollapse = new bootstrap.Collapse(collapseEl, { toggle: false }); // Control bsCollapse.show(); bsCollapse.hide(); bsCollapse.toggle(); // Events collapseEl.addEventListener("show.bs.collapse", e => console.log("opening")); collapseEl.addEventListener("shown.bs.collapse", e => console.log("opened")); collapseEl.addEventListener("hide.bs.collapse", e => console.log("closing")); collapseEl.addEventListener("hidden.bs.collapse",e => console.log("closed"));
Result
Open