我已经为下拉菜单编写了一个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');
});

07-28 02:26
查看更多