Lorem ipsum dolor sit amet, consecte nulls contsct pods st same.
Curabitur aliquam ipsum eget nisl molestie, sit amet tempus arcu dictum. Quisque faucibus justo et eleifend tempus. Nunc euismod placerat est et rutrum. Maecenas hendrerit sagittis orci, et vestibulum nunc consectetur a. Sed ante urna, auctor et massa sit amet, ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat com.
Curabitur aliquam ipsum eget nisl molestie, sit amet tempus arcu dictum. Quisque faucibus justo et eleifend tempus. Nunc euismod placerat est et rutrum. Maecenas hendrerit sagittis orci, et vestibulum nunc consectetur a. Sed ante urna, auctor et massa sit amet, ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
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. 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.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.
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.
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.
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.