클릭 후 토글 메뉴 숨기기

Question

내 웹 사이트 https://www.meck.kazuto.de이 거의 완료되었습니다. 나를 귀찮게하는 것은 현재 토글 메뉴뿐입니다. 링크를 클릭하면 열어 두지 만 닫으 려합니다.

어떻게하면됩니까?

<div id="mobil" class="mobil"> 
     <input type="checkbox" id="menu" name="menu" class="menu-checkbox"> 

     <div class="menu"> 

      <label class="menu-toggle" for="menu"><i class="fa fa-bars"></i> 
      </label> 

      <ul> 
        <label class="menu-hide" for="menu">&times;</label> 
        <li><a href="#wrapper" class="smoothScroll">Home</a> 
        </li> 
        <li><a href="#produkte" class="smoothScroll">Produkte</a> 
        </li> 
        <li><a href="#ueber" class="smoothScroll">Über Uns</a> 
        </li> 
        <li><a href="#so_gehts" class="smoothScroll">So geht's</a> 
        </li> 
        <li><a href="#anfahrt" class="smoothScroll">Anfahrt</a> 
        </li> 
      </ul> 

    </div> 
</div> 

자바 스크립트는 휴대 기기에서 제대로 작동해야하나요? 하지만 xD 전에 자바 스크립트로 작업 한적은 없어요.

Answer 1

예를 들어 우리는 그다지 많은 정보가 없기 때문에 이것을 사용할 수 있습니다. 그것을 주 js 파일에 놓으십시오.

$(".smoothScroll").on('click',function(){ 
    $(".menu-hide").trigger("click"); 
}); 

더 좋은 방법은 항목에 다른 클래스를 추가하고 .menu-hide가하는 같은 함수를 호출하는 것입니다.