jQuery Анимация Inline Style

Question

Я использую jQuery для вертикального центрирования div, добавляя необходимый «margin-top» в div как встроенный стиль.

Я хотел бы удалить этот встроенный стиль с помощью функции щелчка и оживить div до 'margin-top: 0'.

До сих пор единственным способом я был успешным с очищая внутренний стиль с ..

jQuery('selector').each(function(idx,el){ 
    el.style.marginTop=''; 
}); 

, но это сделать Div скачок к вершине вместо оживляющий его. Любая помощь будет оценена

Answer 1

.animate() Используйте функцию

jQuery('selector').animate({ 
    'margin-top' : 0 
}); 

Answer 2

попробовать это один:

$('selector').each(function(idx,el){ 

     $(el).animate({ 
      marginTop : 0 
     },1000); 

});