单击特定元素时的jQuery addClass

Question

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

我也尝试在点击上添加一个类，为按钮指定一种特定的颜色，但它似乎不起作用。

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

的CSS：

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

脚本：

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

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

由于

Answer 1

CSS中有一个额外的空间。应该是

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

因为您要将类.active添加到与id menu1相同的元素中。原始CSS将使用类.active ＃menu1。

中的一个元素作为目标

Answer 2

我不得不处理同样的问题。使用addClass（'active'）代替toggleClass。只需要一个if条件来检查元素在添加活动类

之前是否已经有活动类

让我知道它是否有效。

关于css bobdye是对的