Как запустить две анимации Jquery с цепочкой одновременно?

Question

Я хочу, чтобы объект двигался вперед и назад, в то время как объект одновременно изменяет свою непрозрачность.

Я попытался с помощью функции очереди и обратного вызова, чтобы сделать эту работу.

$(document).ready(function(){
  $(".button").click(function(){
   $("#divv").animate({left:'+=500'},"slow","linear")
     .animate({left:'-=500'},"slow","linear")
     .animate({left:'-=500'},"slow","linear")
    .animate({left:'+=500'},"slow","linear")

$("#divv").animate({opacity:'-=0.8'},"slow","linear")
   .animate({opacity:'+=0.8'},"slow","linear")
   .animate({opacity:'-=0.8'},"slow","linear")
   .animate({opacity:'+=0.8'},"slow","linear")

}) });

Объект перемещается влево и вправо, затем изменяется непрозрачность.

Answer 1

Вы можете анимировать несколько свойств одновременно, например:

$(document).ready(function(){
    $(".button").click(function(){
        $("#divv").animate({left:'+500', opacity:'-=0.8'}, "slow", "linear");
    });
});

Надеюсь, это работает!