Bootstrap accordion not working

[lipatovroman]

Hello.
I installed clean Joomla 4.4.6 and latest Gantry 5 + Helium template.
Then I inserted accordion code from Bootstrap 5 example from this page https://getbootstrap.com/docs/5.0/components/accordion/

The code doesn't work. The button doesn't work.

[pablop76]

Joomla 4 Introduces a Modular Approach for Interactive Components
https://docs.joomla.org/J4.x:Using_Bootstrap_Components_in_Joomla_4

[lipatovroman]

Joomla 4 Introduces a Modular Approach for Interactive Components https://docs.joomla.org/J4.x:Using_Bootstrap_Components_in_Joomla_4

Ok. I added the code
\Joomla\CMS\HTML\HTMLHelper::_('bootstrap.collapse', '.selector', []);
To FlexiContent template and now it works.

But how to add this code in Gantry5 template?
Maybe we need PHP atom or particle?

[pablop76]

If you are using Gantry you can add bootstrap in a basic outline for the entire site or a dedicated outline, page settings tab -> Head Properties -> Custom Content

[lipatovroman]

Is it ok?

[pablop76]

You probably need to return the link from the cdn.
https://getbootstrap.com/docs/4.0/getting-started/introduction/
or from your joomla you will find in
media/vendor/bootstrap

for example

<script src="/media/vendor/bootstrap/js/collapse.min.js" type="module"></script>

You can use this plugin and create a suitable module and publish it to gantry using the module instance particle
https://github.com/ceford/j4xdemos-mod-custom-bscompos/raw/master/mod_custom_bscompos.zip