How can I change the accordion section so that all items are automatically open when the page is loaded?

Hi, I would like all items in the accordion section to be open when the page is opened. However, they should be manually closable when on the page. Can someone help me with this?
 

https://www.lebendige-gaerten-hh.de/
lebendigegaertenhh2023

Hi,

Which page you use Accordion? I don't see it on main page

@tuanphan I've implemented it on this page > https://www.lebendige-gaerten-hh.de/ueber-uns

On 4/2/2024 at 5:22 PM, Nomis said:

@tuanphan I've implemented it on this page > https://www.lebendige-gaerten-hh.de/ueber-uns

I see first item is open. And now you want other items are same, open all?

@tuanphan Yes, exactly, I want all of them to be open simultaneously but also manually closable. Is that possible?

On 4/5/2024 at 3:49 PM, Nomis said:

@tuanphan Yes, exactly, I want all of them to be open simultaneously but also manually closable. Is that possible?

 

Use this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($) {
if ($(window).width() > 992) {
$('.fe-block-5b8b9a8d9e014184ea1a li').attr('data-is-open','true');
$('.fe-block-5b8b9a8d9e014184ea1a .accordion-item__dropdown').addClass('accordion-item__dropdown--open');
}
});
</script>