用于更改图像src的jquery切换事件

我对切换事件有问题。如您所见，我正在尝试使用jquery创建yosemite菜单栏

我正在使用：

$('.apple-button').click(function(event){
   event.stopPropagation();
});

我想苹果的标志返回黑色，当我再次点击它。它只在我单击其他地方时返回黑色。我知道我应该使用按钮的背景属性来插入图像，但我相信我们可以这样做

我试图创建一个布尔值来确定按钮是否处于活动状态，但它不起作用

---

有什么帮助吗？谢谢

您想在其中添加一些条件代码。。。我补充说：

if(black === true){
    $('.apple-img').attr('src', 'http://img11.hostingpics.net/pics/396482apple.png');
    black = false;
} else {
    $('.apple-img').attr('src', 'http://img11.hostingpics.net/pics/233770appleblack.png');
    black = true;
}

使全局变量

为黑色

并将其设置为

true

后：

var black = true;

---

我更新了小提琴。请看一看。我不得不将条件代码添加到

html

click事件中。你可以找到小提琴谢谢！我不确定这是否有必要在html单击事件中复制条件代码。只是需要将变量black设置为true。请看一看实际上，有点东西不见了。。。这是解决办法。谢谢Shimkus国王