Как поставить в очередь изменение атрибута, если выполняется другая анимация с использованием SVG.js?

Question

Я использую SVG.js, у меня есть 2 виджета на странице,

widget1 имеет анимацию, которая меняет радиус круга в течение секунды.

topElement.animate({ duration: "1s" }).radius(newRadius);

Widget2 имеет функцию обратного вызова, которая изменяет непрозрачность одного из своих кругов с 0.0 до 1.0 при наведении курсора.

overrideElement.attr("opacity", "1.0"); 

Однако, если я наведу курсор мыши на widget2, когда анимация происходит на widget1, изменение непрозрачности не произойдет, и это жизненно важно.

Могу ли я поставить в очередь изменение прозрачности, если выполняется другая анимация?