CDG

Latest News From AwardsWatch

There are currently no posts from AwardsWatch.com for

CDG

Check back soon for the latest insights!

KEY Dates

Nominations

December 13, 2024

Voting Opens

December 30, 2024

Awards Show

February 6, 2025

Excellence in Contemporary Film

Excellence in Period Film

Excellence in Sci-Fi/Fantasy Film

Excellence in Contemporary Television

Excellence in Period Television

Excellence in Sci-Fi/Fantasy Television

Excellence in Variety, Reality-Competition, Live Television

Excellence in Costume Illustration

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!

‍

Nominations Coming Soon!

Nominations will be announced

December 13, 2024

Official nominations have been announced! We're currently updating the site to reflect this year's categories and contenders — check back shortly for the latest details.

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.