как анимировать две вещи одновременно в jquery

Я хочу анимировать 2 вещи одновременно, когда мышь наведет курсор на что-то .

Например, я хочу изменить цвет фона box1 с id = "box1" и положение box2 с id = "box2", когда мышь наводит div с id = "trigger".

, но я не хотите, чтобы они анимировались в очереди, то есть один за другим. Я хочу, чтобы они начали анимацию одновременно и заканчивали одновременно! {T GetTask (); } В реализации ITaskprovider ниже, как вы видите, IUserTask и IIdentityTask внедряются из свойства вместо ...

public interface ITaskProvider
{
    T GetTask<T>();
}

В реализации ITaskprovider ниже, как вы видите IUserTask и IIdentityTask внедряется из свойства вместо конструктора. Причина в том, что Виндзор автоматически создает экземпляры введенных свойств во время выполнения при доступе, так что мне не нужно помещать все необходимые инъекционные зависимости в конструкторе.

public class TaskProvider : ITaskProvider
    {
        public IUserTasks UserTasks { get; set; }

        public IIdentityTasks IdentityTasks { get; set; }

        public T GetTask<T>()
        {
            Type type = typeof(T);
            if (type == typeof(IUserTasks)) return (T)this.UserTasks;
            if (type == typeof(IIdentityTasks)) return (T)this.IdentityTasks;

            return default(T);
        }
    }

В контроллере я внедряю ITaskProvider в конструктор.

public ITaskProvider TaskProvider { get; set; }

public AuctionsController(ITaskProvider taskProvider)
        {
            TaskProvider = taskProvider;
        }

И здесь я называю taskprovider и его методы в порядке.

public ActionResult Index()
{
 var userTasks = TaskProvider.GetTask<IUserTasks>();
 var user = userTasks.FindbyId(guid);

}

До сих пор все работает нормально.

Мне сказали, что это больше похоже на шаблон поиска служб и нарушает шаблон внедрения зависимостей, и я хочу знать, что здесь нарушается.