jQuery(document).ready(function() { jQuery('.menuButton, .closeNav').click(function() { jQuery('.mainNav').toggleClass('activeNav'); jQuery('.menuButton').toggleClass('activeMenuButton'); jQuery('.menuButtonIcon').toggleClass('activeMenuButtonIcon'); }) jQuery('.navIcons div').click(function() { jQuery('.activeSlide').removeClass('activeSlide'); slide = jQuery(this).data('icon'); jQuery('.'+slide).toggleClass('activeSlide'); jQuery('#myslide').css("visibility","visible"); jQuery(this).addClass('navIconMarker'); jQuery('.navIcons div').children().children().attr('fill', '#becedd'); jQuery(this).children().children().attr('fill', '#34,134,234'); }) jQuery('.closeSlide').click(function() { jQuery('.activeSlide').toggleClass('activeSlide'); jQuery('.navIcons div').children().children().attr('fill', '#bfccdc'); }) jQuery('.closeSlideRight').click(function() { jQuery('.activeSlide').toggleClass('activeSlide'); jQuery('#myslide').css("visibility","hidden"); jQuery('.navIcons div').children().children().attr('fill', '#bfccdc'); }) })