单击菜单上的关闭菜单div

时间:2015-05-22 11:52:41

标签: javascript jquery html css

我有一个菜单,它将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>

1 个答案:

答案 0 :(得分:0)

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

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

})