Try it Yourself: jQuery Animate

jQuery Animate

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="start">Start Animation</button>
<div style="position:relative; width:100px; height:100px; background-color:tomato;"></div>

<script>
$("#start").click(function(){
  $("div").animate({left: '250px'});
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
</head>
<body>

<button id="start">Start Animation</button>
<div style="position:relative; width:100px; height:100px; background-color:tomato;"></div>

<script>
$("#start").click(function(){
  $("div").animate({left: '250px'});
});
</script>

</body>
</html>