متد animate در جی کوئری

 $(selector).animate({params},speed,callback);

 {left : '200px'}

 <button>button</button>
    <p>
        this is an example to show<br>
         animate methodes in jquery
    </p>

 p {
            background: red;
            color: white;
            width: 100px;
            position: absolute;
        }

 $("button").click(function(){
    $("p").animate(
        {left: '400px'}
);
});

 $("button").click(function(){
    $("p").animate({paddingLeft: '100px'});
});

 $("button").click(function(){                
$("p").animate({
        left: '400px',
        paddingLeft:'200px',
        opacity: '0.7',
        height: '250px',
        width: '50px'
     });
});

 $("button").click(function(){
     $("p").animate({
          left:'400px',
          height:'+=200px',
          width:'-=50px'
                
       });
});

 $("button").click(function(){
      $("p").animate({
          left: '400px',
          paddingLeft:'200px',
          opacity: '0.7',
          height: 'toggle',
          width: 'hide'        
       });
});