HTML - 토글을 만드는 요소

<details>태그를 사용하면 UI 같이 메뉴를 열고 닫을 수 있는 온디맨드(on-demand) 항목을 만들 수 있습니다.

속 성	설 명
open	처음 웹 페이지에 접속했을 때 토글이 열린 상태가 됨.
summary	토글 이름을 변경하려면 <summary> 를 정의.

<p>항목이 닫힌 상태이지만 항목을 클릭하면 열리게 됩니다.</p>
<details>
  <summary>토글 열기</summary>
  <h3>제목입니다.</h3>
  내용입니다.
</details><br/>

<p>open 속성을 정의하면 열린 상태가 됩니다.</p>
<details open>
  <h3>제목입니다.</h3>
  내용입니다.
</details>

항목이 닫힌 상태이지만 항목을 클릭하면 열리게 됩니다.

토글 열기

제목입니다.

내용입니다.

open 속성을 정의하면 열린 상태가 됩니다.

제목입니다.

내용입니다.