Changing height of a div element using javascript or jquery but it must change slowly

Question

Hi I have set a background in a div element and i want to increase the height of that div tag when I click on an anchor tag. But i want the height to be increased slowly.

Answer 1

You can change the duration of the animation:

$('#element').animate({
    height: '200px'
}, {
    duration: 2000  // 2 seconds
});

Demo: http://jsfiddle.net/t5VYa/

Answer 2

Use jquery's animate function.

$('#selector').animate({
    height: '500px'
  }, 5000, function() {
    // Animation complete.
});

where 5000 is the duration in milliseconds