使用jQuery加载和动画内容非常容易

Question

尝试在crossfat.dk上联系和其他人之间进行。它基本上取以前内容的宽度，动画高度然后跳跃。答案可能是设置最大内容的高度，但这将是丑陋的。这是代码：

$(document).ready(function() {

$('nav ul li a').click(function(){

    var toLoad = $(this).attr('href')+' #content';
    $('#content').slideUp(500,loadContent);
    $('#load').remove();
    $('#wrapper').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
    function loadContent() {
        $('#content').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#content').slideDown(1000,hideLoader());
    }
    function hideLoader() {
        $('#load').fadeOut('normal');
    }
    return false;

});

谢谢！