아코디온 요소(Accordion )

아코디온 요소는 다양하게 사용되기 보다 FAQ와 같은 문답형식에

효과적으로 사용하는데 탁월합니다.

아래는 완성한 FAQ 아코디온 요소 이며 별모양 아이콘이 있는 아코디언 요소는

아코디온 요소를 바로 드랍했을때의 상태입니다.

아이콘을 삭제하면 요소를 추가할 수 있는 버튼이 생성됩니다.

아코디온 메뉴는 접을 수 있음/ 기간/ 스페이싱 이렇게 3가지 입니다.

접을 수 있음은 만약 온 상태를 끄면 타이틀과 답변이 모두 노출이 됩니다.

그러면 사이트가 복잡해 보일 수 있어 일반적으로 맨위 타이틀만 답이 노출되게 하고

선택한 타이틀만 답이 보이게 하여 깔끔하게 사용하는 것이 좋습니다.

기간은 접히고 펴는 동작 타이밍으로 최대 1초로 설정이 가능합니다

스페이싱은 각 문답 사이의 간격입니다.

아코디온 요소는 특정 기능에 특화된 요소이긴 합니다.

FAQ는 사용자가 사이트나 서비스등에 관한 궁금증을 매우 쉽게

해결할 수 있는 도구 이기 때문에 잘 사용하면 정보서과 사이트 디자인에 큰 도움이 됩니다