單擊后隱藏切換菜單

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>

JavaScript應該可以在移動設備上正常工作，對嗎？ 但是我從未在xD之前使用過javascript

Answer 1

由於我們沒有太多信息，因此您可以使用此信息。 將其放在您的主要js文件中。

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

更好的方法是在您的商品上添加另一個類並調用.menu-hide相同的函數。