带有jQuery的多个平面样式抽屉导航菜单

Question

我正在尝试使用jQuery为网站创建一个新的超快速菜单，他已获得MIT许可，因此可以随意使用并重复使用。

我是JavaScript中的新秀，我的问题出在抽屉本身上，我无法调用带有第二个其他链接的第二个和第三个不同的抽屉来显示另外两个<ul>。

此处提供演示：DEMO

我的方法似乎非常错误，当我尝试复制CSS文件时，我只会做不好的操作。我敢肯定，这只是jQuery中的某些行，但是我已经尝试过多次重命名所有文件并调整锚点，但除了第一个抽屉运行得非常快且完美之外，效果不佳。

Code snippet

<!-- here is the part i try to call with another drawer independent of the first, he have to appear when user click on <a> link 2 -->
<div class="drawer2-main drawer2-default">
    <nav class=" drawer2-nav" role="navigation" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; -webkit-transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <ul class="drawer2-menu">
            <li class="drawer2-menu-item">
                <ul class="drawer2-submenu">
                    <li class="drawer2-submenu-item">
                        <a href="">Work</a>
                    </li>
                    <li class="drawer2-submenu-item">
                        <a href="">House</a>
                    </li>
                </ul>
            </li>
        </ul>

我的问题是：如何像第一个抽屉一样，分别呼叫另外两个抽屉和ul？

Answer 1

检查此drawer。可能是一个好的解决方案。