Question

I have a jQuery function that animates a div overlay. On completion of the animation I want a .load function to happen. I was trying to do this using the complete function, but can’t seem to get it working.

$(function() {
    $("#fullscreen_launch").click(function(){
        $("#fullscreen").animate({
            top: '0px',
            height:'100%',
        }, 950),
        complete: function() {
            $('#fullscreen').load('http://www.klossal.com/portfolio/space_fullscreen.html');
    });
});

Answer 1

.animate() has two different syntax options that you cannot just mix.

.animate( properties [, duration] [, easing] [, complete] )

.animate( properties, options )

In the first case, it would look like this

$("#fullscreen").animate({
    top: '0px',
    height:'100%',
}, 950, function() {
    $('#fullscreen')
       .load('http://www.klossal.com/portfolio/space_fullscreen.html');
});