최대 1 분 소요


“토글(toggle)”은 두 가지 상태 사이를 전환하는 동작을 의미한다. 즉, 어떤 속성이나 상태를 켜거나 끄는 동작을 말한다.

  1. 토글 기능을 구현하고 싶은 박스에 id값을 부여한다.
 <div class="mypostingBox" id="postingBox">


  1. div안에 id 선택자 가져와 .toggle() 메서드를 작성해준다.
function openClose() {
  $("#postingBox").toggle();
}


  1. 메서드를 버튼에 추가하면 완료!
<button onclick="openClose()" type="button">
  영화 기록하기
</button>


짜잔!🎇


충격적일 만큼 간단하다….. js 처음 배울 때, 토글 기능 구현하느라 css display를 none으로 바꿔주고.. 진짜 귀찮았었는데…..🥲
제이쿼리 사랑해!!❤️‍🔥

태그:

카테고리:

업데이트:

댓글남기기