CDG

Nominations
December 13, 2024
Voting Opens
December 30, 2024
Awards Show
February 6, 2024
Latest News From AwardsWatch

There are currently no posts from AwardsWatch.com for

CDG

.

Check back soon for the latest insights!

No items found.
KEY Dates
Nominations
December 13, 2024
Voting Opens
December 30, 2024
Awards Show
February 6, 2024
No items found.

Nominations Coming Soon!

Nominations will be announced

December 13, 2024

Official nominations haven’t been announced yet, but check back soon for updates on the categories and contenders!

First step, create the FAQ accordion structure.

Basically, you can design anything that you can ever imagine. The main thing here is to have a parent container and two child elements. One for the FAQ question and another for FAQ answer. The child element for FAQ answer should be set to overflow: hidden and transform-origin set to top mid.

Next, setup the interactions.

Depending on how fancy you want it to be but the concept here is to apply the interaction to the parent element. Use 'Mouse Click' interaction to resize the height of FAQ answer element. Initial state should be set to height: 0px. On first click, resize to height: auto and on second click, resize to height: 0px.

To make the other items auto collapse, add in custom script.

The first two steps pretty much got the main function works. As for the auto collapse, copy the code from the page custom code section before tag and paste into your project. Voila, that's all and you're good to go.