Я перемещаю серию div, которая находится внутри контейнера, используя jQuery, используя кнопку

Question

Серия div, находящихся внутри контейнера. Если нажать кнопку, поезд должен двигаться.

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

Answer 1

Ваш #train может нуждаться в абсолютном позиционировании. Рассмотрим следующий пример.

$(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>