用于离线导航的侧边栏过渡单击删除类

Question

我最近以this结束了画布导航。如果你在他们的演示中看到他们做了什么，如果我们要关闭侧边栏，则必须单击身体内的任何位置，并且侧边栏中的类已被移除以滑出侧边栏。

我想要的是，当单击侧边栏内的关闭按钮时，侧边栏必须滑出时，效果相同。怎么做到这一点？

这是他们用来删除课程的代码。

var container = document.getElementById( 'st-container' ),
        buttons = Array.prototype.slice.call( document.querySelectorAll( '#st-trigger-effects > button' ) ),
        // event type (if mobile use touch events)
        eventtype = mobilecheck() ? 'touchstart' : 'click',
        resetMenu = function() {
            classie.remove( container, 'st-menu-open' );
        },
        bodyClickFn = function(evt) {
            if( !hasParentClass( evt.target, 'st-menu' ) ) {
                resetMenu();
                document.removeEventListener( eventtype, bodyClickFn );
            }
        };

由于

Answer 1

我认为你熟悉jquery：

 $(document).ready(function () {
        $('#Your-close button-id').on('click', function () {
            $(this).removeClass('st-menu-open');
        });
    });