jquery toggle событие для изменения изображения src

Question

У меня проблема с событием переключения. Как вы можете видеть с этим jsfiddle, я пытаюсь создать панель меню yosemite с jquery.

Я использую:

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

Я хочу яблоко логотипа вернуться черным, когда я снова нажать на него. Он только возвращает черный цвет, когда я нажимаю в другом месте. Я знаю, что я должен был использовать свойство фона моей кнопки для вставки изображения, но я уверен, что мы сможем сделать это так.

Я попытался создать логическое знать, если кнопка активна или нет, но он не работает ..

Любая помощь? Благодаря

Answer 1

Вы хотите добавить условный код там ... Я добавил:

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; 
} 

После создания глобальной переменной black и установить его в true:

var black = true; 

Updated Fiddle Here