Анимация более одного div

Question

Я пробовал функцию .join() jQuery должен анимировать несколько объектов одновременно.

Это не оправдало моих ожиданий. Вот мой код. Пожалуйста, скажите, почему именно это не сработало?

$(document).ready(function() { 
animateRight(); 
    var fourLevelMove = ["#CsecondObj", "#CnineObj"]; 
    var fourLevelMoveone = fourLevelMove.join(); 


function animateRight() { 
$(fourLevelMoveone).animate({ 
    'marginLeft' : "+=220px" //moves left 
}, 900, 'swing', animateLeft); 
} 

function animateLeft() { 
$(fourLevelMoveone).animate({ 
    'marginLeft' : "-=220px" //moves right 
    }, 900, 'swing', animateRight); 
} 
}); 

Answer 1

Вы попробуете это:

$(document).ready(function() { 
    //animateRight();//fourLevelMoveone IS NOT DEFINED YET 
    var fourLevelMove = ["#CsecondObj", "#CnineObj"]; 
    var fourLevelMoveone = fourLevelMove.join(","); 
    animateRight(); 

    function animateRight() { 
     $(fourLevelMoveone).stop().animate({ 
      'marginLeft' : "+=20px" //moves left 
     }, 900, 'swing', animateLeft); 
    } 

    function animateLeft() { 
     $(fourLevelMoveone).stop().animate({ 
      'marginLeft' : "-=20px" //moves right 
      }, 900, 'swing', animateRight); 
    } 
}); 

Вот fiddle для него.

Обновление: добавление stop и изменение поля удерживает его в границах.