Javascript 滑动导航方向

我有一个导航，使用CSS和一点JQuery从左边滑出。在这里拉小提琴-

现在，我希望打开滑出菜单的左上角按钮位于右上角，并使菜单从右侧滑出，而不是从左侧滑出。 我尝试过编辑几个元素，特别是

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%;
  }

---

请在此处发布您的代码，并且在链接到jsFiddle.net时不要回避发布代码的SO规则。没问题@j08691我将添加它。问题是典型的滑出只会更改宽度/高度（到/从0）…这意味着顶部和左侧很容易，但右侧或底部需要同时移动和调整大小。@哈利：嗯，我觉得请求帮助和加载太多的小提琴很不好，所以你要求精简版本是正确的。请随意查看并提供任何帮助：）谢谢我可以使我的桌面浏览器小于797px。请不要使用窗口大小来假设移动/触摸：）