jQuery：1つ後ろのスライドパネル

Question

これはあなたの中にはシンプルなものなので、私を助けてください！ 私は3つのパネル（divs）を持っています。 1つのパネルをスライドさせるのは簡単ですが、複数のdivを順番にスライドさせる方法はありますか？おかげさまで

Answer 1

あなたは「匿名関数」とJavaScript言語のarguments.calleeの機能を知っていない場合、私は本当にKane's solutionのように、あなたは理解することは少し難しいかもしれないにもかかわらず、 。

後も動作します：

$('#slideDiv').click(
    function(e) 
    { 
     e.preventDefault(); 
     var i = -1; 
     var divList = $(".slide"); 
     var animationCallback = function() 
      { 
       if(++i < divList.length) 
        $(divList[i]).slideUp('slow', animationCallback); 
        //Replace 'slideUp' with any other animation of your choice. Make sure to pass 'animationCallback' as the last parameter. 
        //e.g. you can do 
        //$(divList[i]).animate({ left : '300px'}, 100, 'linear', animationCallback); 
      }; 

     animationCallback(); 
    } 
); 

Demo Page →

EDIT：

更新デモページ。別のアニメーションを使用する方法についてのコメントを追加しました。

Answer 2

3つのdivのクラスに ".slide_panel"を渡します。これにより、それらをループしてアニメーションを実行します。

$("#button").click(function() 
{ 
    var i = -1; 
    var arr = $(".slide_panel"); 
    (function(){ 
    if(arr[++i]) 
    $(arr[i]).animate({ left: "300px" }, 100, "linear", arguments.callee) 
    })(); 
}); 

Demo Page →

Code