Ajax div .slideDown来纠正高度

Question

第一次单击链接时，我有一个div调整到正确的高度有点麻烦。

问题可以在tomrawcliffe.com

找到

正如您所看到的，当您单击第一个实例中的投资组合链接时，slideDown仅滑动50px左右，然后在加载其余内容后跳转。虽然在第二个例子中，当您单击链接时，它可以正常加载。

有什么建议吗？

这是jQuery。我正在使用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

在加载内容后调用slideDown，如此

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