jQuery单击菜单上的更改类 [英] Jquery change class on click menu
本文介绍了jQuery单击菜单上的更改类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试更改菜单项的类别,以使其在单击时出现.我已经使它工作了,唯一的问题是,当您再次单击它时,它不会还原.我不确定如何删除点击的课程.
I am trying to change the class of a menu item so that it appears on click. I have got it to work, the only thing it does not revert back when you click it again. I am not sure how to remove the class on click.
非常感谢所有帮助.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
.menu ul li ul li {display:none}
.menu .on ul li{display:block}
.menu .on ul li ul{display:none}
.menu .on ul li:hover ul{display:block}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a href="#">Toggle</a>
<ul>
<li>See</li></ul></li>
<li><a href="#">Toggle</a>
<ul>
<li><a href="#">See</a>
<ul><li><a href="#">See 2</a></li></ul></li></ul></li>
</ul>
</div>
<script>
$('li a').click(function() {
$(this).parent().addClass('on').siblings().removeClass('on');
});
</script>
</body>
</html>
推荐答案
您需要 toggleClass()
这篇关于jQuery单击菜单上的更改类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文