Enable Menu After Animation
I have some DIVs that slide down at set delays that become links.
Here is what I use to setup the DIVs in $(document).ready()
The last line loads the first page in another area.
-
$("#sec1").animate({opacity:"1.0"},2000).slideDown("slow");
$("#sec2").animate({opacity:"1.0"},3000).slideDown("slow");
$("#sec3").animate({opacity:"1.0"},4000).slideDown("slow");
$("#sec4").animate({opacity:"1.0"},5000).slideDown("slow");
$("#home").animate({opacity:"1.0"},6000).slideDown("slow");
And this is what I use to make the DIVs into a clickable menu. It's sloppy right now, but it works and i'm still learning.
-
$(".menu").click(function() {
var prss = this.getAttribute("id");
$(".box0").each(function () {
if (!$(this).is(":hidden")) {
var opnd = this.getAttribute("name");
if (prss != opnd) $(this).slideUp("slow");
}
});
$("div[name="+prss+"]").animate({opacity:"1.0"},750).slideDown("slow");
});
With this setup, the sliding DIVs are clickable. I want them clickable after "#home" is done loading.
How can I do this?