Javascript svg动画标记更改

我试图让svg中的矩形向下移动，当您点击它时，它们会向右移动，但似乎不起作用。控制台没有显示任何错误

 Here is a JSFiddle:https://jsfiddle.net/troosfx8/

---

更新：感谢您的回答。但现在我想知道，如果变量为5，如何开始第二个动画。是否有任何方法可以使svg动画基于条件开始？

有一个比您在上面尝试的方法简单得多的解决方案

您只需添加另一个从单击开始的

元素

谢谢你，保罗·勒博！非常感谢。“有什么方法可以让svg动画基于条件开始吗？”您应该就此提出另一个问题，而不是希望得到新的答案。毕竟，这是一个不同的问题。我想问另一个问题，但两天内我不能再问了(