I’m struggling to understand what is wrong with this code. I am basically trying to make the page ‘blackout’ and then display the hidden div inside the new div I have create in the JS.
The first line seems to work, creating a blackout div and fading it over the whole page. But the rest of the jquery just doesn’t seem to work, because after that a div should be created (forgottenpassword) which is placed inside the wrapper div and then the emailSignupBox should be placed into the fogottenpassword div which should slide down and display.
I’m also getting an error on Firebug saying:
$(“”).css(“opacity”,
0.8).appendTo(“body”).delay is not a function
Line 44
You need to load jQuery 1.4 or higher, because .delay() is added in 1.4:
http://api.jquery.com/delay/
Working example:
http://jsfiddle.net/PjpWC/