HTML 포스트에 질문을 누르면 답변이 펼쳐지는 FAQ를 만들 수 있나요?

설정 화면 열기 ↗

네. 질문을 누르면 답변이 펼쳐지고, 다시 누르면 접히는 FAQ를 만들 수 있어요. 이렇게 제목을 눌러 내용을 열고 닫는 기능을 아코디언이라고 해요.

FAQ 외에도 강의 제목을 누르면 세부 내용이 펼쳐지는 커리큘럼이나, 항목별로 내용을 확인하는 상세 안내에 쓸 수 있어요.

넣는 방법

1. 새로 만들기에서 포스트를 고른 뒤 HTML로 수정을 눌러요.
2. 접어 둘 내용을 <details> 태그로 감싸요.
3. <details> 바로 안에 <summary> 태그로 제목을 넣어요.
4. 저장해요.

예시: <details><summary>자료는 언제 받나요?</summary><p>신청 직후 메일로 보내드려요.</p></details>

방문자는 제목을 클릭하거나 키보드로 열고 닫을 수 있어요. 스크립트는 넣지 않아도 돼요.

처음부터 펼쳐 두려면

<details open>처럼 open 속성을 넣어요.

접힌 상태로 시작하려면 open 속성을 지워주세요. open 뒤에 false를 써도 펼친 상태로 시작해요.

예전에 저장한 포스트라면

이 기능이 생기기 전에 저장한 포스트는 자동으로 바뀌지 않아요.

저장할 때 아코디언이 빠졌거나 링크로 비슷하게 만든 포스트는 HTML을 고쳐서 다시 저장해주세요.

이메일 인증 뒤에 보여주는 내용

이메일 인증 뒤에 보여주도록 한 내용은 아코디언 안에 있어도 인증 전에는 보이지 않아요.