Submitted 10 months ago

Accordion toggle via template statement

Satria Utama• 150

@satutama

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

FAQ accordion

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

For the accordion effect, I am toggling the faq' property value (displayed). I map the FAQs content to have property displayed. I can then toggle the displayed property via the template statement that I bind in the question container. Then I add structural directive (*ngIf) in the icon to decide which Icon should be displayed.

Is there a better way?

Community feedback

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord