클릭시 컨텐츠?div 펼쳐지는 방법..

      //         //-------사이드바 슬라이드-------//
      // const fourthListItem = document.querySelector('.warning-sub #fourth');
      // const contentsWrap = document.getElementById('contentswrap');
      // const navWrap = document.getElementById('navwrap');
      // const navWrapWidth = navWrap.offsetWidth;
      // const closeBtn2 = document.querySelector('.closebtn2');

      
      // contentsWrap.style.transform = `translateX(-${0}px)`;
      // contentsWrap.style.opacity = '0';

      // fourthListItem.addEventListener('click', function() {
         
      //    contentsWrap.style.transition = 'transform 0.3s ease-in-out, opacity 0.3s ease-in-out';
      //    contentsWrap.style.transform = 'translateX(0)';
      //    contentsWrap.style.opacity = '1';

         
      //    navWrap.style.transition = 'transform 0.3s ease-in-out';
      //    navWrap.style.transform = `translateX(-${0}px)`;
      // });


      //   //---------사이드바 닫힘 버튼--------//
      // closeBtn2.addEventListener('click', function() {
        
      //    contentsWrap.style.transition = 'transform 0.3s ease-in-out, opacity 0.3s ease-in-out';
      //    contentsWrap.style.transform = `translateX(-${0}px)`;
      //    contentsWrap.style.opacity = '0';

         
      //    navWrap.style.transition = 'transform 0.3s ease-in-out';
      //    navWrap.style.transform = 'translateX(0)';
      // });