Question

Actually i wanted to slow the animation of increasing height and decreasing using jquery.I am using .css() to increasing and decrease height of a div.Pls help

<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>

Answer 1

This could be a solution:

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