app.js

onSidebarHover: function() {
    var getMenu = document.querySelectorAll('.menu');

    for (var i = 0; i < getMenu.length; i++) {
        getMenu[i].addEventListener('mouseenter', function() {
            getHref = this.querySelectorAll('.menu-toggle')[0].getAttribute('href');
            getElement = document.querySelectorAll('#compact_submenuSidebar > ' + getHref)[0];
            getCompactSubmenu = document.querySelector('#compact_submenuSidebar');
            getOverlayElement = document.querySelector('.overlay');
            getElementActiveClass = document.querySelector('#compact_submenuSidebar > .show');
            get_mainContainer = document.querySelector('.main-container')

            if ( this.classList.contains('menu-single') ) {

                        return;

            } else {

                if (getCompactSubmenu) {
                    getCompactSubmenu.classList.add("show");
                    getOverlayElement.classList.add('show');
                    getCompactSubmenu.classList.remove('hide-sub');
                    get_mainContainer.classList.remove('sbar-open');
                }

                if (getElementActiveClass) {
                    getElementActiveClass.classList.remove("show");
                }

                getElement.className += " show";


                console.log(this.querySelectorAll('.menu-toggle')[0].getAttribute('href'));
                console.log(getHref);
                console.log(document.querySelectorAll('#compact_submenuSidebar > ' + getHref)[0])

            }
        })
        getMenu[i].addEventListener('click', function(ev) {
            if ( this.classList.contains('menu-single') ) {
                return;
            } else {
                ev.preventDefault();
            }
        })
    }

},