Переход на боковую панель для навигации вне клика по клику удалить класс

Question

Переход на боковую панель для навигации вне клика по клику удалить класс

0

Я недавно закончил с этим для навигации на холсте. Если вы видите в своей демонстрации то, что они сделали, то, если мы хотим закрыть боковую панель, вам нужно щелкнуть в любом месте тела, а класс с боковой панели был удален, чтобы вытащить боковую панель.

То, что я хочу, это тот же эффект, который нужно сделать, когда при нажатии кнопки закрытия внутри боковой панели боковая панель должна выдвигаться. Как достичь этого?

Это код, который они использовали для удаления класса.

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

благодаря

Kumaresh 07 окт. 2013, в 09:57

Источник

0

class from the sidebar has been removed to slide out the sidebar . Правильно? затем удалите этот класс на событие закрытия кнопки закрытия
super 07 окт. 2013, в 07:53
0

Да, я знаю, но не знаю, как это сделать.
Kumaresh 07 окт. 2013, в 08:11

Теги:

jquery

css

css3

transition

1 ответ

Ещё вопросы

class from the sidebar has been removed to slide out the sidebar . Правильно? затем удалите этот класс на событие закрытия кнопки закрытия
Да, я знаю, но не знаю, как это сделать.

super · Answer 1 · 2013-10-07T07-05-00.000Z

Я думаю, что вы знакомы с jquery:

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