Question

I’m having a little trouble having a div to adjust to the correct height, the first time you click a link.

The problem can be found at: tomrawcliffe.com

As you can see, when you click on a portfolio link in the fist instance slideDown slides only 50px or so and then jumps once the rest of the content is loaded. Although in the second instance when you click a link it loads fine.

Any suggestions?

Here’s the jQuery. And I’m working in WordPress.

     $.ajaxSetup({cache:false});
        $(".load_this").click(function(){
            var post_link = $(this).attr("href");
            $("#page_loading").show();
            $("#single-home container").slideUp("slow").load(post_link).slideDown("slow");
        return false;
    });

Answer 1

call your slideDown after the content is loaded, like this

$("#single-home-container")
    .slideUp("slow")
    .load(
        post_link,
        {},
        function() {
            $(this).slideDown('slow');
        }
    );