CODEWITHSUNDEEP
jqueryfadeout
Leeann Urban
Leeann Urban

Reputation: 25

FadeOut JQuery Functionnot working per object

I was wondering if it is possible to do this. I need to create jquery function which fades out any object that is clicked on. I though this would work but it doesnt, this fades out all objects when one is clicked on, is there a way to do this or would i need to create a seperate function for each fadeout id or class?

$("*").click(function() {
  $(this).fadeOut( "slow" );
});

Upvotes: 0

Views: 53

Answers (1)

Mikkel Gundersen
Mikkel Gundersen

Reputation: 52

$("*").click(function(e) {
  $(e.target).fadeOut( "slow" );
});

You have to recieve the element clicked on, so put one argument in the function, and call it "e" for element, or what you'd like to call it. Then use e.target to get the div that was clicked on. And then add .fadeOut("slow"), for the element to fade out slow

But notice. This is on ALL elements in the body. Replace "*", with the id of the div (example: "#id") you want this to happen in.

Upvotes: 1

Related Questions