The accordion panels do not collapse again when clicking the title or the +/-

norwegian69

Hi,

We have found some additional information regarding the ACM Accordion issue.

Joomla 5.4.6
Latest JA Vitality
Latest T4 Framework
Latest JA ACM

The accordion panels open correctly, but they do not collapse again when clicking the title or the +/- icon.

We tested the following:

Bootstrap 5.3.3 is loaded correctly.
The generated HTML contains valid data-bs-toggle="collapse" and data-bs-target attributes.
There are no Bootstrap JavaScript errors.
The issue occurs in both Chrome and Edge.
Calling Bootstrap manually works:

bootstrap.Collapse.getOrCreateInstance(document.getElementById('collapse-0')).hide();

This closes the panel correctly.

Therefore Bootstrap itself is working, but clicking the accordion header does not trigger the collapse action.

Could you please check if this is a regression in the latest JA ACM / T4 Framework?

saguaros

norwegian69 Hi Tor,

The issue is that the JA ACM accordion already uses Joomla’s Bootstrap Collapse component. As a result, Joomla automatically loads the required collapse JavaScript.

However, I noticed that you’ve also loaded the Bootstrap bundle in the template settings:

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

Since bootstrap.bundle.min.js already includes the Collapse plugin, it ends up being loaded twice, which causes the JavaScript conflict.

I’m not sure whether loading the Bootstrap bundle is required for your site, so I temporarily disabled it. The accordion/collapse functionality is now working correctly.

Please check your site again and let me know if everything works as expected or if you need any further assistance.

Regards,
Hien

norwegian69

Hi Hien,

Thank you very much for your help. Removing the extra Bootstrap script solved the problem, and the accordion is now working perfectly again.

I really appreciate your quick support!

Best regards,
Tor

saguaros

You're welcome 😉