jquery toggle event to change image src

Question

I've got a problem with the toggle event. As you can see with this jsfiddle, I'm trying to create the yosemite menu bar with jquery.

I'm using :

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

I want the apple logo to return black when I click again on it. It only returns black when I click somewhere else. I know that I should have used the background property of my button to insert the image but I'm sure we can do it like this.

I tried to create a boolean to know if the button is active or not, but it doesn't work..

Any help ? Thanks

I updated my fiddle. Please take a look at it. I had to add the conditional code to the html click event. You can find the fiddle here — programking
– programking, Commented Dec 27, 2014 at 15:32
Thanks! I'm not sure this is necessary to duplicate the conditional code in the html click event. Juste need to set the variable black to true. Please have a look here — ahbon
– ahbon, Commented Dec 27, 2014 at 15:45

programking · Accepted Answer · 2014-12-27 15:31:03Z

2

You want to add some conditional code in there... I added:

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

After making the global variable black and setting it to true:

var black = true;

Updated Fiddle Here

edited Dec 27, 2014 at 15:31

answered Dec 27, 2014 at 15:07

programking

1,3762 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ahbon Over a year ago

Actually, a little somthing was missing... Here is the solution jsfiddle.net/roddr8mu/5. Thanks King Shimkus

Collectives™ on Stack Overflow

jquery toggle event to change image src

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related