jQueryを使ったAJAXのフェーディング

Question

これはajaxスクリプトです。 これはjQuery 1.4.4とjQueryアドレス1.3.2を組み合わせたものです。 基本的には、今のように変更するのではなく、divをフェードインまたはフェードアウトしたいと思っています。私はそれがより流動的に見えるようにしたい。

これはAJAXです：

jQuery.noConflict() 

if(window.location.hash == "") { 
    window.location.href = "#home"; 
} 

jQuery(document).ready(function(event) { 

    jQuery.address.change(onAddressChange); 

    jQuery('a[href=' + window.location.hash + ']').addClass('selected'); 

    jQuery('a[rel=ajax]').click(function (evt) { 
    evt.preventDefault(); 

    var hash = evt.target.href; 
    hash = hash.replace(/^.*#\//, ''); 
    jQuery.address.value(hash); 

    jQuery('#content').hide(); 
    jQuery('.loading').show(); 
    }); 
}); 

// Handles forms 

$('form').live('submit', function() { 

     var hash = window.location.hash.replace('#', ''); 
      hash = $.browser.mozilla ? hash : decodeURIComponent(hash); 

     if($(this).attr('action') == '') $(this).attr('action', hash); 

     $(this).append('<input type="hidden" name="submit" value="submit" />'); 

     var data = $(this).serialize(); 

     $.post('loader.php?page=' + $(this).attr('action'), data, function(response, status) { 

      if(status == 'error') return false; 

      $('#content').html(response); 

     }); 

     return false; 

    }); 

// End forms 

function onAddressChange(evt) { 
    var page = evt.value.replace(/[#!\/]/, ''); 

    jQuery('a[rel=ajax]').removeClass('selected'); 
    jQuery('#'+page).addClass('selected'); 

    var data = 'page=' + encodeURIComponent(page); 
    jQuery.ajax({ 
    url: "loader.php", 
    type: "GET", 
    data: data, 
    cache: false, 
    success: function (html) { 
     jQuery('.loading').hide(); 
     jQuery('#content').html(html); 
     jQuery('#content').fadeIn('slow'); 
    } 
    }); 
} 

私はJSをコーディングしないでください。これは友人から私に与えられたものです。 誰かが私のためにこのフェードイン/アウトをすることができたら、私は感謝以上のものになるでしょう。

あなたがそれを必要とする場合：www.julake.co.uk/staff/media_123

は、これは実施例である：恐ろしい書かれたコードというオーバーへ行くwww.44lizards.com/ajaxcodedrop

Answer 1

CBA、私はあなたが ".show（）"と ".hide（）"を.fadeIn（300）と.fadeOut（300）に置き換えることができたと思います。

So。表示するにはfadeIn、非表示にするには.fadeOut。