Question

I have a problem, i need to set the visibility of a div to “hidden” AFTER it has faded out.
My code so far:

$('#layer')
    .stop(true, true)
    .animate({
        opacity:"0",
    },1000);

The div is overlaying the whole page, so setting the opacity isn’t a solution to make all the elements under the div clickable again.

But when I’m changing the code to this:

$('#layer')
    .stop(true, true)
    .animate({
        opacity:"0",
        visibility: "hidden"
    },1000);

It’s faded out and invisible, but still there and interfering with the clickability of my objects under it.

Is there something wrong with the syntax?

Hope you can help me, thanks a lot!

Answer 1

If the object should not be there, use .fadeOut(1000) instead.