How do I toggle a nested accordion?

[omartan]

Hi,

So I have this design that works like this, the Featured FAQs are buttons that’ll open the content beneath it, as for the content beneath it, it’s actually a tab, where the right are the tab items and the left are the accordion content.

“How do I print my report?” is located under “Reporting > How do I print my report”.

So my question now is, how do I ensure when the user click on the “How do I print my report?” in the Featured FAQs section, it’ll do the following steps

1. Open the “Reporting” tab
2. Scroll down to “How do I print my report” accordion
3. Toggle open the accordion

Let me know if need further questions to clarify,

Thanks

[ruenel]

Hello @OmarTan,

Thanks for writing in! Regretfully what you are trying to do is not possible because the accordions are hidden away inside the Tab element item that is not visible in the DOM.

Best Regards.