jquery - jQuery UIを使用して、フェードするのではなくコンテンツをスライドさせますか？

Question

まず、公開デモがなく、jQueryを初めて使用したことをお詫びします。

現在、非常に基本的なjQueryの「スライダー」スクリプトがあります。このスクリプトは、（私が知る限り）上にレイヤー化されたばかりの新しいコンテンツに対してfadeInを起動します。イージングを使用し、jQueryUI（現在は含まれていません）を含めることで、この効果をスライド効果に変更しようとしています。

これがコードです

<script type="text/javascript">
var current_featured = 1;
var current_featured_index = 100;
var featured_interval_time = 4000;
var featured_interval = setInterval("advance_featured()", featured_interval_time);

function advance_featured() {
    featured = current_featured + 1;
    if (featured > 4) {
        featured = 1;    
    }
    switch_featured(featured);
}

function switch_featured(featured) {
    current_featured = featured;
    current_featured_index += 10;
    $(".home-featured-post-link").css( { "z-index" : current_featured_index + 10 } );
    $("#home-featured-post-" + current_featured).css( { "z-index" : current_featured_index, "display" : "none" } ).fadeIn();
}

$("#home-featured").hover(
    function() { clearInterval(featured_interval); },
    function() { featured_interval = setInterval("advance_featured()", featured_interval_time); });
</script>

現在、4つの基本ブロックを回転しています。私は何もしようとはしていませんが、アニメーションをフェードイン効果からスライディングアニメーションに変更しています。新しいブロックをスライドさせながら古いブロックをスライドさせたいのですが、これは必要ありません。変更をシンプルにしようとしています。

ありがとう、