I am moving series of div's which is inside the container using jQuery using a button

Question

Series of div's which is inside the container. If button click train should move.

<script>
    $('document').ready(function(){
    $("button").click(function(){
    $("#train").animate({left: "300px"}, 2000);
       });    
     });            
 </script>

Answer 1

Your #train may need absolute positioning. Consider the following example.

$(function() {
  $("button").click(function() {
    $("#train").animate({
      left: "300px"
    }, 2000);
  });
});

#train {
  width: 100px;
  height: 30px;
  border: 1px solid #222;
  border-radius: 6px;
  background: #ccc;
  position: absolute;
  padding-top: 8px;
  text-align: center;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Go</button>
<div id="train">Train</div>