JQuery анимации и slideDown одновременно

Question

Как я могу сделать анимацию и скатиться ниже функций произойдет ровно в то же время и продолжительность:

current_item.css('margin-left', 0); 
current_item.animate({ 'marginLeft': '20px'}); 
current_item.slideDown(300, 'swing'); 

Мой код выше анимировать его, прежде чем скольжение вниз. Если переместить функцию ниже анимации, он скользит вниз, а затем анимировать

Answer 1

Вы можете объединить оба marginLeft и height быть .animate() d, как:

$("#btn1").one("click", function() { 
    var current_item = $("#div1"); 
    current_item.css('margin-left', 0); 
    current_item.animate({ 
     marginLeft: "20px", 
     height: "toggle" 
    }, 300, "swing"); 
}); 

DEMO:http://jsfiddle.net/sDrtE/

(да , Я хотел использовать .one(), а не .on(), потому что это выглядит странно, если вы продолжаете нажимать кнопку)