These are my divs in my index.html
<div id="overlay">
</div>
<div id="overlay_div">
<div id="close">X</div>
</div>
JQUERY
// JavaScript Document
$(document).ready(function(e) {
$("#signuplink").click(function(){
$(document.getElementById("overlay")).fadeIn("slow");
$(document.getElementById("overlay_div")).fadeIn("slow");
/*$(document.getElementById("overlay_div")).load("signup.php");*/
});
$(document.getElementById("close")).click(function(){
$(document.getElementById("overlay_div")).fadeOut("slow");
$(document.getElementById("overlay")).fadeOut("slow");
});
});
There is a close button on my 'overlay_div'
I load signup.php within the 'overlay_div' successfully but the close button from the 'overlay_div' disappear.
I do not know how to make it appear. I do not know how to make the signup.php page disappear.