为什么每次按下按钮时，我的JavaFx动画都会进一步向右移动

Question

我正在尝试制作一个动画，当我按下切换按钮时，文本字段和一些按钮会出现，当我再次按下切换按钮后，它会消失。我几乎成功了，但每次按下切换按钮，切换菜单都会越来越向右移动。我不太擅长解释，但我做了一个小gif，这样你就可以看到了。https://gyazo.com/1bd43a95ec988edbce47704674c46418

希望有人能帮助我！它是在称为"；routeBtnAction"；

动画方法

@FXML
private void routeBtnAction(){
if (routeBtn.isSelected()) {
searchbar.setPromptText("From");
TranslateTransition slideIn = new TranslateTransition();
slideIn.setDuration(Duration.millis(250));
slideIn.setCycleCount(1);
slideIn.setNode(routeMenu);
slideIn.setByX(173);
slideIn.setInterpolator(Interpolator.EASE_OUT);
slideIn.play();
} else {
searchbar.setPromptText("Search");
TranslateTransition slideOut = new TranslateTransition();
slideOut.setDuration(Duration.millis(300));
slideOut.setCycleCount(1);
slideOut.setNode(routeMenu);
slideOut.setByX(-routeMenu.getWidth());
slideOut.setInterpolator(Interpolator.EASE_IN);
slideOut.play();
}
}