jq animation effect

Three display methods, time in parentheses

$('#my').show(1000);

$('#my').fadeIn(1000);

$('#my').slideDown(1000);

Three ways to hide

$('#my').hide(1000);

$('#my').fadeOut(1000);

$('#my').slideUp(1000);

 

$('#my').stop(); //stop the current animation

$('#my').animate({width:'200px',height:'120px'},2000); //Properties that need to be changed to perform animation {width:'200px',height:'120px'}

can be written as

$('#my').stop().animate({width:'200px',height:'120px',opacity:'1'},2000);