Fade DIV с классной анимацией

Question

Я медленно исчезаю с DIV,

$(ele).fadeIn('slow');

Как я могу создать очень хорошую анимацию вместе с fadeIn, чтобы показать реальную силу анимации jquery

Answer 1

Вы также можете проверить JQuery UI , поскольку это также позволяет анимировать цвета или прочитать эту статью о плагинах для незабываемых впечатлений пользователя.

Answer 2

Какую анимацию вы ищете? Вы можете slideDown () , slideUp () или использовать animate () и определить свой собственный

Answer 3

Вы можете легко выполнить несколько анимаций в jquery:

/*you can hide your item with the css property first*/

<style>
 #id_of_what_want_to_animate{display:none;height:1px;}
</style>

затем откройте его с помощью jquery

//target the item that triggers the animation
$('#clickthis').click(function() {
   //when clicked animate whatever you want, the 5000 is the duration of the animation in
   //milliseconds inside the curly braces you can animate css properties   
  $('#id_of_what_want_to_animate').animate({opacity: 1,height: '200px'},5000,function() {
    //run something else when your animation complete.
  });
});

Вы можете обратиться к подробной документации jquery по адресу:

http://api.jquery.com/animate/