单击菜单上的关闭菜单div

Question

我有一个菜单，它将menuclose类添加到X以关闭菜单。

这样可以正常工作，但如果选择菜单链接，我还需要关闭菜单。

原因是它是一个单页网站。

我尝试了一些javascript但没有成功。

<div class="menubar">
    <a href="#nav" class="menu-reveal menuclose" style="right: 0px; left: auto; text-align: center; text-indent: 0px; font-size: 18px;">X</a>
    <nav class="menu-nav">
        <div>
            <ul style="width: 761px; display: block; overflow: hidden;">
              <li><a href="#Home" title="">Home</a></li>
              <li><a href="#About-Us" title="">About Us</a></li>
              <li><a href="#Services" title="">Services</a></li>
            </ul>
        </div> 
    </nav>
</div>

Answer 1

点击链接即可将menuclose类传递给X ...

$('.menu-nav li a').click(function(){
$('#nav').addClass('menuclose ')
})

})