Jquery 应用css类打开下拉列表

这是我的代码：

当下拉菜单打开时，我试图更改顶级菜单顶级css。我在CSS中有一个活动类，但是当它被扩展后，我如何将这个CSS类应用到菜单中呢

使用toggleClass'active'或add/removeClass函数

CSS:

JS:

试试这个：

$('#nav li').click(function (e) {
 e.stopPropagation();
 $(this).toggleClass('active')
 $('ul #items').toggle(100);
});

$(document).click(function() {
 $('.active').removeClass('active')
 $('#items').hide();
});

---

这似乎不起作用：，单击后不会应用粉红色背景色class@Jimmy当前位置你检查过我加的小提琴了吗。你也需要为活动类添加css。对不起，最后一个问题，有没有办法只将此应用到最高层。当您单击子列表中的某个项目时，它也会将其变为粉红色，而我只希望顶层显示为粉红色或非是。。您需要将“单击事件选择器”修改为仅针对顶层。这是演示

li.active {
    background : red;
}

$('#nav li').click(function (e) {
    e.stopPropagation();
    $('ul #items').toggle(100);
    $(this).closest('#nav > li').toggleClass('active')
});

$(document).click(function () {
    $('#items').hide();
    $('li').removeClass('active')
});

$('#nav li').click(function (e) {
 e.stopPropagation();
 $(this).toggleClass('active')
 $('ul #items').toggle(100);
});

$(document).click(function() {
 $('.active').removeClass('active')
 $('#items').hide();
});