Troubles with "Collapse" plugin

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

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.

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