Landing page with an FAQ accordion

How can I create a landing page with an FAQ section in accordion style, similar to the Zendesk article [https://support.zendesk.com/hc/en-us/community/posts/4408860552730-Tip-Collapsible-headers-in-articles-or-templates-accordions], where the accordion functionality typically works within Zendesk articles but not directly on the landing page? I'm exploring options to implement this accordion style within the Categories/Articles section to collapse and hide content on the landing page itself. 

For example, selecting "FAQ" should collapse to display the articles within the same page itself, without opening in a new page. Would this require custom coding, or is there another approach to achieve this?