/*---------Config Menu

    ============================================*/

​

    (function(){

        $('.config-main-toggle, .config-panel__menu-type-link')

        .on('click', function(e){

            e.preventDefault();

​

            var $this = $(this),

            container = $this.closest('.config-panel'),

            menuContentAll = container.

                                            find('.config-panel__menu-content--toggle',

                                                    '.config-panel__menu-content'),

            menuContent =  container.

                                            find('.config-panel__menu-content'),

            menuTypeToggle = container

                                            .find('.config-panel__menu-type--toggle'),

            menuItem = container

                                            .find('.config-panel__item'),

            menuType = container

                                            .find('.config-panel__menu-type'),

            menuContentWrap = container

                                            .find('.config-panel__menu-content-wrap');

​

​

​

            //$this.parent().addClass('current');

            menuContent.toggleClass('toggle-open', 100)

                .promise()

                .done(function(){

                    if(menuContentWrap.hasClass('toggle-visible')){

                        menuContentWrap.removeClass('toggle-visible');

                    }

                    else {

                        menuContentWrap.addClass('toggle-visible');

                    }

​

                });

​

                menuItem.addClass('hide-hover-shadow');

            //menuItem.toggleClass('.remove-pseudo-border');

​

            if(menuContent.hasClass('toggle-open')) {

                $('.config__inner').css({

                    'box-shadow': '8px 0 8px rgba(0, 0, 0, 0.14)'

                    //'overflow-y' : 'scroll'

                });

​

                $(this).closest('.config-panel')

                                .find('.config-main-toggle')

                                .find('img').attr({

                                                            'src': 'img/icon-close-2.svg',

                                                            'width' : '14',

                                                            'height' : '14'

                                                        });

                } else {

                $('.config__inner').css({

                'box-shadow': 'none'

                // 'overflow' : 'hidden'

                });

​

                $('.config-panel__menu-wrapper').css({

                    'display' : 'none'

                });

​

                $(this).closest('.config-panel')

                                .find('.config-main-toggle')

                                .find('img').attr({

                                                            'src': 'img/icon-config-toggle.svg',

                                                            'width' : '26',

                                                            'height' : '31'

                                                        });

                }

​

            if(!menuContent.hasClass('toggle-open')) {

                menuItem.removeClass('hide-hover-shadow')

                                .addClass('show-hover-shadow');

            }

​

        });

​

    })();