1 reply to this topic

[derek.sullivan]

okay, so the entire process works fine, to a certain degree. What I'm wanting is when the div gets animated to 1px, it delays THEN loads the page before it animates back to the original size...

below is my source:

$(document).ready(function() {
$("a#f").click(function() {
$("#div").animate({height:"1px"},"slow");
$("#div").delay(1000);
$("#div").load("page.html");
$("#div").animate({height:"200px"},"slow");
});
});

Any suggestions??? It will do all the above, except it wont delay the page loading like I want.

Edited by derek.sullivan, 17 February 2011 - 09:11 PM.

[rc69]

The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

Since load isn't an effect, it's an ajax request, it doesn't get delayed. To delay the load, you'll have to use setTimeout().

i.e.

setTimeout(function (){ $('#div').load('page.html'); }, 1000);