Jquery 无法关闭滑翻模式

我正在使用codrops幻灯片和推送菜单（）的修改版本在网页上获得覆盖。但我无法用另一个链接再次关闭它。 任何帮助都将不胜感激。 jsfiddle：

HTML:

你可以试试这个：

<nav class="modal modal-vertical modal-right" id="modal">
    <h1>CONTENT</h1>
        </nav>

        <h1 id="showRight">OPEN</h1>
        <h1 id="hideRight">CLOSE</h1>

        <script>
            var 
                menuRight = document.getElementById( 'modal' ),
                body = document.body;


            showRight.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( menuRight, 'modal-open' );
                disableOther( 'showRight' );
            };

            function disableOther( button ) {
                if( button !== 'showRight' ) {
                    classie.toggle( showRight, 'disabled' );
                }
            }

            hideRight.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( menuRight, 'modal-open' );
                disableOther( 'hideRight' );
            };

            function disableOther( button ) {
                if( button !== 'hideRight' ) {
                    classie.toggle( hideRight, 'disabled' );
                }
            }
        </script>

内容
打开
接近
变量
menuRight=document.getElementById（'modal'），
body=document.body；
showRight.onclick=函数（）{
类别切换（此为“活动”）；
类别切换（菜单右键，“模式打开”）；
禁用其他（'showRight'）；
};
功能禁用其他（按钮）{
如果（按钮！=='showRight'）{
类别切换（显示右侧“禁用”）；
}
}
hiderRight.onclick=函数（）{
类别切换（此为“活动”）；
类别切换（菜单右键，“模式打开”）；
禁用其他（“隐藏”）；
};
功能禁用其他（按钮）{
如果（按钮！=='hideRight'）{
类别切换（隐藏光，“禁用”）；
}
}

您可以试试这个：

<nav class="modal modal-vertical modal-right" id="modal">
    <h1>CONTENT</h1>
        </nav>

        <h1 id="showRight">OPEN</h1>
        <h1 id="hideRight">CLOSE</h1>

        <script>
            var 
                menuRight = document.getElementById( 'modal' ),
                body = document.body;


            showRight.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( menuRight, 'modal-open' );
                disableOther( 'showRight' );
            };

            function disableOther( button ) {
                if( button !== 'showRight' ) {
                    classie.toggle( showRight, 'disabled' );
                }
            }

            hideRight.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( menuRight, 'modal-open' );
                disableOther( 'hideRight' );
            };

            function disableOther( button ) {
                if( button !== 'hideRight' ) {
                    classie.toggle( hideRight, 'disabled' );
                }
            }
        </script>

内容
打开
接近
变量
menuRight=document.getElementById（'modal'），
body=document.body；
showRight.onclick=函数（）{
类别切换（此为“活动”）；
类别切换（菜单右键，“模式打开”）；
禁用其他（'showRight'）；
};
功能禁用其他（按钮）{
如果（按钮！=='showRight'）{
类别切换（显示右侧“禁用”）；
}
}
hiderRight.onclick=函数（）{
类别切换（此为“活动”）；
类别切换（菜单右键，“模式打开”）；
禁用其他（“隐藏”）；
};
功能禁用其他（按钮）{
如果（按钮！=='hideRight'）{
类别切换（隐藏光，“禁用”）；
}
}

---

根据您的问题，当您单击打开时，您希望打开或滑入覆盖，当您单击关闭时，您希望关闭或滑出

然后，这将为您提供以下技巧：

        showRight.onclick = function() {
            classie.removeClass(hideRight, 'active');
            classie.addClass(this, 'active');
            classie.addClass(menuRight, 'modal-open');
            disableOther('showRight');
        };
        hideRight.onclick = function() {
            classie.removeClass(showRight, 'active');
            classie.addClass(this, 'active');
            classie.removeClass(menuRight, 'modal-open');
            disableOther('hideRight');
        };

---

根据您的问题，这里有一个工作

，当您单击打开时，您希望打开或滑入覆盖，当您单击关闭时，您希望滑出

然后，这将为您提供以下技巧：

        showRight.onclick = function() {
            classie.removeClass(hideRight, 'active');
            classie.addClass(this, 'active');
            classie.addClass(menuRight, 'modal-open');
            disableOther('showRight');
        };
        hideRight.onclick = function() {
            classie.removeClass(showRight, 'active');
            classie.addClass(this, 'active');
            classie.removeClass(menuRight, 'modal-open');
            disableOther('hideRight');
        };

---

这里有一个实用的

非常好用，谢谢。在这种情况下，按下escape键是否还有关闭模式的方法？escape键似乎没有在这把小提琴中触发@ivin rajwait先生，我会的@kreemersany luck@伊文·拉杰工作得很好，谢谢。在这种情况下，按下escape键是否还有关闭模式的方法？escape键似乎没有在这把小提琴中触发@ivin rajwait先生，我会的@kreemersany luck@伊文拉杰

        showRight.onclick = function() {
            classie.removeClass(hideRight, 'active');
            classie.addClass(this, 'active');
            classie.addClass(menuRight, 'modal-open');
            disableOther('showRight');
        };
        hideRight.onclick = function() {
            classie.removeClass(showRight, 'active');
            classie.addClass(this, 'active');
            classie.removeClass(menuRight, 'modal-open');
            disableOther('hideRight');
        };