Одновременные `.animate()` и `.effect()`

Question

У меня есть элемент <input>, для которого я делаю две вещи: затухание фона до зеленого с помощью .animate() и встряхивание его с помощью .effect(). Вот мой код:

$myInputElement.animate({backgroundColor: 'green'}, 1000).effect("shake", {times:3, distance:2}, 40); 

Проблема заключается в том, что первый фон исчезает, а затем элемент трясет. Как я могу совершать два действия одновременно?

Answer 1

ОБНОВЛЕНО:

Run 40 миллисекунды один первый: http://jsfiddle.net/96DQ6/4/

Answer 2

Вы пробовали вот так?

$myInputElement.animate({backgroundColor: 'green'}, 1000); 
$myInputElement.effect("shake", {times:3, distance:2}, 40);