티스토리 접고 펼치는 토글(toggle) 목차(TOC)

목차의 길이가 길 경우에는 목차를 접어 두는 것이 보기에 좋다. 또한 목차를 접어 두면 웹사이트 방문자가 스크롤해야 하는 부담도 줄일 수 있다. 본 글은 목차를 열고 닫고, 펼치고 접는 기능을 적용하는 3가지 방법에 대한 내용이다. 추가로 일전 발행한 본문 자동 목차 콘텐츠에서 이어지는 내용임을 참고 바란다. 티스토리 본문 자동 목차 (TOC) HTML 삽입 미리보기할 수 없는 소스 미리 보기 본 글의 결과물이다. ① 목차가 접힌 상태로 출력 ② 접힌 상태에서 클릭 시 슬라이딩 효과로 펼쳐지고, 'Open'에서 'Close'로 변경 ③ 펼쳐진 상태에서 클릭 시 슬라이딩 효과로 접히고, 'Close'에서 'Open'으로 변경 1] 방법 ① _ details & summary 첫 번째 방법은 details ..

원문링크 : 티스토리 접고 펼치는 토글(toggle) 목차(TOC)