我已经为下拉菜单编写了一个Jquery。
它工作正常,但是当我单击“ li”时,它可以很好地打开,但没有在选择的li类中添加css。
jQuery:
$(".leftnav ul li").click(function () {
$(this).siblings().find('ul').slideUp(400);
$(this).find('ul').slideDown(400);
$(this).find('ul').addClass('activeclass');
$(this).find('.leftnav ul li').addClass('activeclass1');
});
HTML:
<div class="leftnav left">
<ul>
<li><a href="javascript:;">Dashboard</a></li>
<li><a href="javascript:;">Catagories</a>
<ul class="dropdown">
<li><i class="fa fa-angle-double-right left color iconpad"></i> <a href="#">Add Category</a></li>
<li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Manage Catagories</a></li>
</ul>
</li>
<li><a href="javascript:;">Portfolio</a>
<ul class="dropdown">
<li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Add Portfolio</a></li>
<li><i class="fa fa-angle-double-right left color iconpad"></i><a href="#">Manage Portfolio</a></li>
</ul>
</li>
</ul>
</div>
谁能告诉我该怎么做?
提前致谢。
最佳答案
我认为您在从$(this)
寻找.leftNav类的最后一行时,最后一行是错误的。如果是这样,这应该更适合您
$(".leftnav ul li").click(function () {
$(this).siblings().find('ul').slideUp(400);
$(this).find('ul').slideDown(400);
$(this).find('ul').addClass('activeclass');
$(this).addClass('activeclass1');
});