# Troubles with "Collapse" plugin

**URL:** https://forum.bootstrapstudio.io/t/troubles-with-collapse-plugin/12439
**Category:** General
**Created:** [August 27, 2025, 7:32pm UTC](https://forum.bootstrapstudio.io/t/troubles-with-collapse-plugin/12439 "2025-08-27T19:32:02Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![ggerunda](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/g/ed8c4c/32.png) [@ggerunda](https://forum.bootstrapstudio.io/u/ggerunda)
#### Post date: [August 27, 2025, 7:32pm UTC](https://forum.bootstrapstudio.io/t/troubles-with-collapse-plugin/12439/1 "2025-08-27T19:32:02Z")

</div>

Hi guys,

hope you are well.

I’ve some issue with the “Collapse” plugin; i use it in two different pages and in the first one it works fine.

Then I copied the block (just to maintain all styles) into the second page but something is wrong: I can open the div if it is closed, but I can’t re-close it anymore.

Any idea?

Thanks in advance,

Gianluca

---

<div class="post-metadata">

### Author: ![Gondwana](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/g/aca169/32.png) [@Gondwana](https://forum.bootstrapstudio.io/u/Gondwana)
#### Post date: [August 27, 2025, 10:28pm UTC](https://forum.bootstrapstudio.io/t/troubles-with-collapse-plugin/12439/2 "2025-08-27T22:28:16Z")

</div>

It’s possible that element ids got messed up when the component was copied. Within the Collapse there is a `<div>` with an id such as “collapse-1”. That id needs to match the href and area-controls attributes in the `<a>` above it. Note that the href value needs a preceding #. That id should not be used in any other element on the page.

I guess it’s also possible that the JS or CSS isn’t being loaded for the new page, but that seems less likely.

---

<div class="post-metadata">

### Author: ![ggerunda](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/g/ed8c4c/32.png) [@ggerunda](https://forum.bootstrapstudio.io/u/ggerunda)
#### Post date: [August 28, 2025, 7:48am UTC](https://forum.bootstrapstudio.io/t/troubles-with-collapse-plugin/12439/3 "2025-08-28T07:48:19Z")

</div>

Hi Gondwana,

thanx for the reply.

So, I checked out the page and:

- exists a div with the id **collapse-X** that matches both area-controls and href values (#collapse-X)

- in the **head** area I (correctly) see both JS and CSS bootstrap file.

I tried to compare old and new files, without success.

Thanks a lot,

Gianluca