JQuery로 단추를 누르면div를 표시하거나 숨깁니다

처음에div의display 속성이 "none"과 같은지 판단하면서 show()인지 hide()인지를 선택했는데, 이제야 그냥 toggle() 방법으로 하면 되잖아요. 너무 편해요.
jQuery를 사용할 때 HTML 페이지에 jQuery의 CDN을 추가하는 것을 절대 잊지 마세요HTML 코드
<div class="row">
    <button id="switchField1" >      button>
div>
<div class="row" id="field1">
       
div>

JS 코드
$(document).ready(function(){

    $("#switchField1").click(function() {
        $("#field1").toggle(500);//             500ms
    });
});

좋은 웹페이지 즐겨찾기