[jQuery] toggle() / 요소가 보이면 보이지 않게, 보이지 않으면 보이게 하는 메서드

seulki·2022년 9월 27일

[jQuery]

목록 보기

8/30

<body>
  <h1>toggle()</h1>
  <p>
    <button id="btnToggle">문장토글</button>
  </p>
  <div>안녕하세요. jQuery입니다.</div>
</body>

: 요소가 보이면 보이지 않게, 보이지 않으면 보이게 하는 메서드
: 인자값으로 밀리초(ms)로 설정하거나 slow, fast 와 같은
예약어를 전달하여 이팩트 효과의 속도를 설정할 수 있다.

 <script>
    $('#btnToggle').on('click', function(){
        $('div').toggle();
    });
  </script>

 <script>
    $('#btnToggle').on('click', function(){
        $('div').toggle(3000);
    });
  </script>

 <script>
    $('#btnToggle').on('click', function(){
        $('div').toggle("fast");
    });
  </script>

웹 개발자 공부 중