Jquery+；CSS动画

实际上，我想用jquery来减缓增加高度和减少高度的动画。我正在使用.css（）来增加和减少div的高度。请帮忙

<script>
  $(document).ready(function(){
    $(".stickyfooter2").css({'height': '60px'});
    $('.stickyfooter2').mouseover(function(){
      $(".stickyfooter2").css({'height': '200px'});
    });
    $('.stickyfooter2').mouseleave(function(){
      $(".stickyfooter2").css({'height': '60px'});
      $(this).fadeIn('fast');
    });
  });  
</script>

$（文档）.ready（函数（）{
$（“.stickyfooter2”）.css（{'height'：'60px'}）；
$（'.stickyfooter2'）.mouseover（函数（）{
$（“.stickyfooter2”）.css（{'height'：'200px'}）；
});
$（'.stickyfooter2'）.mouseleave（函数（）{
$（“.stickyfooter2”）.css（{'height'：'60px'}）；
$（this.fadeIn（'fast'）；
});
});  

您需要

slideUp（）

和

slideDown（）

或更好的

slideToggle（）

，您可以在其中指定速度：

$(".stickyfooter2").slideToggle('speed goes here in milliseconds');

---

如果要调整元素us

.css（）

的高度以及滑动切换，这可能是一个解决方案：

$('.stickyfooter2').mouseover(function(){
  $(".stickyfooter2").animate({'height': '200px'}, 2000);
});
$('.stickyfooter2').mouseleave(function(){
  $(".stickyfooter2").animate({'height': '60px'}, 2000);
});

请看这一模一样的副本。