[pub] class 부착식으로 개발

class 부착식으로 개발하는 것

- 애니메이션 추가가 쉬움  

-  나중에 재사용 편리

 

 

- 버튼 한번 더 누르면 숨기기?

  - 버튼 누를 때 show가 있으면 제거해주셈~

  or  버튼을 짝수번 누르면 해당 class 제거해주셈~ 등으로 짜면 됨

cnt=0;
document.getElementsByClassName('navbar-toggler')[0].addEventListener('click', function(){
    cnt++;
    if(cnt%2===1){
        document.getElementsByClassName('list-group')[0].classList.add('show');
    }else{
        document.getElementsByClassName('list-group')[0].classList.remove('show');
    }
})

  or toggle 쓰면 됨

          document.getElementsByClassName('navbar-toggler')[0].addEventListener('click', function(){
		 //document.querySelector('.list-group').classList.toggle('show');
              //document.querySelectorAll('.list-group').toggle('show');
              document.getElementsByClassName('list-group')[0].classList.toggle('show');

          })