addEventListener (표시/숨기기)

Question

단추 (div)를 표시하거나 숨기려면 단추로 토글을 수행하고 싶습니다. 그래서, buttom (토글) -> div (표시/숨기기).

window.onload = function(){ 
     var button = document.getElementById('button');  
    function show(event){ 
     event.target.classList.toggle('hide'); 
    }  
     button.addEventListener('click', show, false);  
    } 

때문에 jQuery를에

그래서입니다 :

$(document).ready(function(){ 

    $("#button").click(function(){ 
    $("div").toggle("slow"); 
    }); 

}); 

그러나 자바 스크립트에서

?

Answer 1

귀하의 질문을 완전히 이해하지 못했지만 귀하의 문제가 숨겨져 있거나 표시되어야하는 div를 타겟팅하고있는 것으로 의심됩니다.

는 jQuery를 사용하여이 작업을 수행하려면

HTML

<button class="toggle">Toggle</button> 
<div class="text">Hello</div> 

자바 스크립트

$(document).ready(function(){ 
    $("button.toggle").click(function(){ 
     $("text").toggle(); 
    }); 
}