바닐라 자바스크립트로 display : 보이기 , 숨기기 (block,none ) 하기

제이쿼리로 만들어진 예제들을 위주로 사용하다 바닐라 자바스크립트 사용을 지향하여 바닐라로 된 간단한 코드를 작성해보았다. 

 

토글메뉴 햄버거 메뉴 등 응용하여 사용하면 좋을 것 같다.

function openclose() {
    const 숨길것 = document.querySelector("숨길것")
   if(숨길것.style.display == 'block'){
    숨길것.style.display = "none";
   }
    else{
        숨길것.style.display = "block"
    }
}


   let tolle = document.querySelector("버튼");
   tolle.addEventListener("click",openclose)