Tagged: Accordion malfunction
So i have multiple accordions on my website, each with a different header. Now when i open the first line of the second or third accordion, the first line of the first accordion disappears. The same happens when I open the second line of the second or third accordion, as then the second line of the first accordion closes.
I need some help with this and hope you could log in for me to fix it, or give me some insight. I have no experience with using the CSS method but if its clearly explained i might be able to do it myself.
Thanks in advance
Hey fcrmsterkens,
Thank you for the inquiry.
The issue occurs because the toggles share the same ID. To fix this, please edit each tab and assign a unique ID in Advanced > Developer Settings > For Developers: Custom Toggle ID field. For example, you can use toggle-A-1 for the first item in the first accordion, toggle-B-1 for the first item in the second accordion, and toggle-C-1 for the last accordion. Let us know the results.
Best regards,
Ismael