遵守以下规则：
data-direction每当（a）display:none属性在样式变为display:none时更改和（b）时，动画就会运行。如何更改此代码，以便动画仅在样式变为data-direction时运行，而在<{1}}属性更改时不时才会运行？
现在，当方向发生变化时，所有容器都会在屏幕上飞到另一侧，因为当数据属性更改值时，动画将应用于所有容器。
data-direction属性应仅控制播放哪些动画，但更改其值不应触发动画。这可能吗？
更新
以下是问题的解答：Short-circuit evaluation
预期行为：当前框存在时，前进按钮应该使右下方的顺序框从右侧进入。向后按钮应该使当前顺序框从左侧进入，而当前框退出右侧。当它不能移动时，任何其他盒子都不应移动或越过视口。
提醒：这是一个CSS问题，因此在javascript中进行动画是作弊。这个想法是Javascript控制功能（即一个框应该显示或隐藏），而css控制表示（即我们让它消失，淡出或飞到侧）。您不必重新编写插件来更改显示或隐藏的视觉方式。