(function(){
    var contentListToggler = document.getElementById('sidebar-menu-toggler');
    var sidebarContent = document.getElementById('navigation-container');
    var sidebar = document.getElementsByClassName('sidebar')[0];

    if (contentListToggler) {
        contentListToggler.addEventListener("click", showContent());
    }

    function showContent() {
        return function(e) {
            if (this.innerHTML.includes('<span class="far fa-bars"></span>')) {
                this.innerHTML = '<span class="far fa-times"></span>';
            } else if (this.innerHTML.includes('<span class="far fa-times"></span>')) {
                this.innerHTML = '<span class="far fa-bars"></span>';
            }
            
            e.preventDefault();
            if (sidebarContent.classList.contains('show')) {
                    sidebarContent.classList.remove('show');
            } else {
                sidebarContent.classList.add('show');
            }

            if (sidebar.classList.contains('show')) {
                sidebar.classList.remove('show');
            } else {
                sidebar.classList.add('show');
            }
        }
    };
}());