jquery - 左から右へのdivのスライドのシミュレーション

Question

スライダーをシミュレートしたいが実際にはスライダーを使用しない2つのdivがありますが、アニメーションを使用して右からスライドインするdivをシミュレートすることはできますか？

$('a.next').click(function(){
   $("#inside_work.part-one").hide();
   $("#inside_work.part-two").animate('slide', { direction: 'left' }, 500);
}); 

Answer 1

必要なものはすべてここにあります。

JQueryスライドデモ

    // click 
    $( "#inside_work.part-two" ).click(function() {
        //options and callback are optional
        var options = {};
        $("#inside_work.part-one").hide();
        $( "#effect" ).show( "hide", options, 500, callback );
        return false;
    });

    //callback function
    function callback() {
        //anything else you want to do here.
        //but completely optional
    };