如何使用jquery为svg切换动画？

Question

我希望这个svg绘图在点击时上升，然后在再次点击时下降，并且在它徘徊时也会上下移动。我设法做了悬停部分，并在点击后使其上升，但是当它再次被点击时我不能让它下降。我认为使用“切换”而不是“点击”会起作用：

$('#globoamarillo1').click(function() {
$("#globoamarillo1").animate({top: '-=200px'}, 1000);

（改为）

$('#globoamarillo1').toggle(function() {
$("#globoamarillo1").animate({top: '-=200px'}, 1000);

但是当我使用它时，绘图会变得疯狂，并立即飞出画面。

https://jsfiddle.net/vqvLyctj/3/

那么如果再次点击它怎么能让它失效呢？

Answer 1

当我看到它时，你的小提琴似乎没有做任何事情，但这是一个想法：

val result = controller.export().apply(FakeRequest()).run

一旦你点击它，变量myToggle将在零（0）和一（1）之间切换。容易豌豆。 ： - ）