在jquery中同时移动对象？

Question

＆＃13;

＆＃13;

$(document).ready(function() {
  $("class").click(function() {
    $(".first").animate({
      left: '250px'
    });
  });

  $(".third").mouseover(function() {
    $(this).animate().css({
      backgroundColor: '#FFF552'
    });
  })

  $(".first").click(function() {
    $(this).animate({
      width: 300
    })
  });
});

＆＃13;

div {
  position: relative;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="first" style="background:#DC143C;"></div><br>
<div class="second" style="background:#CD5C5C;"></div><br>
<div class="third" style="background:#FF69B4;"></div><br>
<div class="fourth" style="background:#FF7F50;"></div>

＆＃13;

＆＃13;

＆＃13;

此应用程序正常运行。但我需要同时移动所有四个物体。我不知道该怎么做。有人有想法可以帮助我吗？