javascript - jQuery addClass单击到特定元素

我正在尝试制作菜单项的动画。
在移动时，它向左扩展，在鼠标移出时，它向后收缩。
这很好。

我还尝试在单击时添加一个类，以为按钮提供特定的颜色，但它似乎不起作用。

这是一个小提琴http://jsfiddle.net/g3ra912j/

CSS：

    #menu1 .active {
        background-color: #00f;
    }

脚本：

$("#menu1").click(function () {
    $(this).toggleClass("active")
})

onclick应该会变成蓝色，但事实并非如此。
我究竟做错了什么？

谢谢

最佳答案

CSS中有多余的空间。应该

#menu1.active {
    background-color: #00f;
}

因为您要将类.active添加到与id menu1相同的元素中。原始CSS的目标是＃menu1内部具有.active类的元素。

关于javascript - jQuery addClass单击到特定元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28445040/