Element - Accordion-faq

Aqui se trata de uma estrutura de accordion montado com dropdown. Este elemento foi utilizado porque permite que o accordion feche automaticamente, quando o usuário clica em outra parte da tela, sendo desnecessário um segundo clique neste.

O tipo de interaction aqui é um "Element trigger" e a animação é um "Dropdown opens". O nome deste é dessa animação é "OPEN-faq__dropdown". É importante atentar-se ao fato de esta ter também animação de fechamento, cujo nome é quase o mesmo, porém tendo , no lugar de "OPEN", a palavra "CLOSE".

Para qualquer alteração neste elemento, é recomendável inserir uma combo-class nos elementos. E, quando for utilizar o elemento, é recomendado pegar o grupo inteiro marcado pelo elemento "wrap-dropdown".

Pare editar o texto que fica oculto no accordion, insira a combo-class "open" no elemento "display-list__dropdown-faq" para abrir o mesmo.