Javascript 如何在ng show和ng hide上应用水平滑动动画？

假设我有四个分区

每一个都占据了整个页面的宽度，一次只能看到一个。用户可以按下4个按钮，每个按钮都隐藏当前可见的div并显示他们希望看到的div

我可以使用ng show、ng hide和带有ng hide add和ng hide remove的ngAnimate扩展来实现这种行为。例如，我可以让一个div水平向左滑动，下一个div从右侧滑入

但是，这仅在用户选择列表中的下一个div时在视觉上有效。如果用户选择了上一个，它仍然会从右侧滑入，而实际上它应该从左侧滑入

---

如何实现此行为？

能否请您包含一段您已经尝试过的代码片段？请参阅。