CSS Transition工作方式但不是另一种方式，不确定原因

Question

我一直在研究基于brad frost的Off Canvas Fullscreen Overlay响应式设计模式的东西。

但是由于某种原因，转换仅在单击列表项时运行（叠加层从右侧滑入），而不是在您单击后退按钮时（它可以向后滑出）。当用户关闭叠加层时，我无法理解为什么它不起作用。影响元素类的JS似乎工作正常。

我创建了一个codepen，以便人们可以看到正在发生的事情。 http://codepen.io/colmjude/pen/fBnrI

有什么想法吗？感谢。