JS - 토글 이벤트

토글 이벤트는 <details> 요소를 열거나 닫을 때 발생합니다. 다음은 addEventListener 를 이용한 결과 입니다.

<details id="toggle">
<summary>토글 열기</summary>
<p>하보니 PHP</p>
</details>

<script>
var btn = document.getElementById("toggle");
btn.addEventListener("toggle", mtoggle);

function mtoggle() {
  alert("토글을 선택했습니다.");
}
</script>

다음은 태그에 정의한 결과입니다. 태그에 정의할 때는 "ontoggle" 로 기술합니다.

<details ontoggle="alert('토글을 열었습니다.');">
<summary>토글 열기</summary>
<p>하보니 PHP</p>
</details>