$( document ).ready(function() { /* ===== MOBILE NAV HIDE/SHOW ===== */ $("#mobilenavlink").on('click', function() { $("#mobilenavlink").hide(); $("#mobilemenu").show(); }); $("#closemobile").on('click', function() { $("#mobilenavlink").show(); $("#mobilemenu").hide(); }); /* ===== FAQ SECTION TOGGLE ===== */ $(".faqsectionlink").on('click', function() { $(this).next(".faqsectiontxt").toggle(); $('.arrowframe', this).toggleClass('down'); $('.arrow', this).toggleClass('down'); $('.arrow', this).toggleClass('right'); }); /* ===== ENROLL APPLICATION SELECTOR ===== */ var $list = $("#enrollselect"); var center = ""; $list.on("change", function (e) { center = this.value; console.log(this.value); $(".enrollbtn").hide(); $("#enroll-" + center).show(); }); /* ===== VOLUNTEER APPLICATION SELECTOR ===== */ var $vlist = $("#volselect"); var vcenter = ""; $vlist.on("change", function (e) { vcenter = this.value; console.log(this.value); $(".volbtn").hide(); $("#vol-" + vcenter).show(); }); /* ===== FAQ LOCATION SELECTOR ===== */ var $flist = $("#faqselect"); var fcenter = ""; $flist.on("change", function (e) { fcenter = this.value; console.log(this.value); $(".faqcontent").hide(); $("#faq-" + fcenter).show(); }); /* ===== COLLAPSIBLE CONTENT ===== */ /* $(".expandlink").show(); $(".expand").hide(); $(".expandlink").click(function() { $(this).next(".expand").toggle(); $(this).toggle(); }); $(".expand").click(function() { $(this).toggle(); $(this).prev(".expandlink").toggle(); }); $("#mobilenavlink").click(function() {$('#mobilenav').show();}); */ /* ===== OPEN MODAL WINDOWS ===== */ $("#donateboxlink").on('click', function() { $(window).scrollTop(0); $("#overlay").hide(); $("#overlay").show(); $(".modal").hide(); $("#donatemodal").show(); }); $("#volunteerboxlink").on('click', function() { $(window).scrollTop(0); $("#overlay").hide(); $("#overlay").show(); $(".modal").hide(); $("#volunteermodal").show(); }); $("#enrollboxlink").on('click', function() { $(window).scrollTop(0); $("#overlay").hide(); $("#overlay").show(); $(".modal").hide(); $("#enrollmodal").show(); }); $("#overlay").on('click', function() { $("#overlay").hide(); $(".modal").hide(); }); $(".modalclose").on('click', function() { $("#overlay").hide(); $(".modal").hide(); }); /* ===== PRIMARY NAV SUBNAV ===== */ $("#primarylink1").on( "mouseenter", function() { $("#primary1subnav").show(); $("#primary1subnav").addClass('front'); $("#primary5subnav").hide(); $("#primary6subnav").hide(); $(this).addClass('hover'); $(".primarylink").addClass('front'); $(".link1").removeClass('front'); }); $("#primary1subnav").on( "mouseleave", function() { $("#primary1subnav").hide(); $("#primary1subnav").removeClass('front'); $("#primarylink1").removeClass('hover'); $(".primarylink").removeClass('front'); }); $("#primarylink2").on( "mouseenter", function() { $("#primary1subnav").hide(); $("#primary5subnav").hide(); $("#primary6subnav").hide(); $(".primary").removeClass('hover'); }); $("#primarylink3").on( "mouseenter", function() { $("#primary1subnav").hide(); $("#primary5subnav").hide(); $("#primary6subnav").hide(); $(".primary").removeClass('hover'); }); $("#primarylink4").on( "mouseenter", function() { $("#primary1subnav").hide(); $("#primary5subnav").hide(); $("#primary6subnav").hide(); $(".primary").removeClass('hover'); }); $("#primarylink5").on( "mouseenter", function() { $("#primary5subnav").show(); $("#primary5subnav").addClass('front'); $("#primary1subnav").hide(); $("#primary6subnav").hide(); $(this).addClass('hover'); $(".primarylink").addClass('front'); $(".link5").removeClass('front'); }); $("#primary5subnav").on( "mouseleave", function() { $("#primary5subnav").hide(); $("#primary5subnav").removeClass('front'); $("#primarylink5").removeClass('hover'); $(".primarylink").removeClass('front'); }); $("#primarylink6").on( "mouseenter", function() { $("#primary6subnav").show(); $("#primary6subnav").addClass('front'); $("#primary5subnav").hide(); $("#primary1subnav").hide(); $(this).addClass('hover'); $(".primarylink").addClass('front'); $(".link6").removeClass('front'); }); $("#primary6subnav").on( "mouseleave", function() { $("#primary6subnav").hide(); $("#primary6subnav").removeClass('front'); $("#primarylink6").removeClass('hover'); $(".primarylink").removeClass('front'); }); });