javascript - CSS滑动导航方向

Question

我有一个使用 CSS 和一点 JQuery 从左侧滑出的导航。在这里小提琴 - http://jsfiddle.net/CdY5P/2/

我现在希望打开滑出菜单的左上角按钮位于右上角，并且菜单从右侧而不是左侧滑出。我尝试编辑几个元素，特别是translate3d属性，但没有运气:(

此外，它目前会推送内容，我希望它在滑出时位于内容的顶部（页面顶部的菜单）。

有任何想法吗？谢谢

编辑：添加的主类在显示导航时执行以下转换。

.csstransforms3d.csstransitions .show-nav #inner-wrapper {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    -ms-transform: translate3d(80%, 0, 0);
    -o-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }