How to “fadeOut” & “remove” a div in jQuery?

Question

I\'m trying to give fadeout effect to a div & delete that div(id = \"notification\"), when an image is clicked.

This is how I\'m doing that:

<         


        

Answer 1

Have you tried this?

$("#notification").fadeOut(300, function(){ 
    $(this).remove();
});

That is, using the current this context to target the element in the inner function and not the id. I use this pattern all the time - it should work.