Line 424: | Line 424: | ||
$(this).find('.dropdown-menu').first().stop(true, true).slideUp(100); | $(this).find('.dropdown-menu').first().stop(true, true).slideUp(100); | ||
}); | }); | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
// call the functions that control the menu | // call the functions that control the menu | ||
Line 433: | Line 435: | ||
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols | ||
function menu_functionality() { | function menu_functionality() { | ||
+ | |||
+ | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu | ||
+ | $(".menu_button").click(function(){ | ||
+ | |||
+ | // add or remove the class "open" , this class holds the "-" | ||
+ | $(this).children().toggleClass("open"); | ||
+ | // show or hide the submenu | ||
+ | $(this).next('.submenu_wrapper').fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu | ||
+ | $("#display_menu_control").click(function(){ | ||
+ | $('#menu_content').fadeToggle(400); | ||
+ | }); | ||
+ | |||
// call the current page highlight function | // call the current page highlight function | ||
highlight_current_page(); | highlight_current_page(); | ||
Line 443: | Line 460: | ||
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color | ||
$("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("active"); | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("active"); | ||
− | + | ||
+ | // now that the current_page class has been added to a menu item, make the submenu fade in | ||
+ | $(".current_page").parents(".submenu_wrapper").fadeIn(400); | ||
+ | // change the +/- symbol of the corresponding menu button | ||
+ | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); | ||
+ | |||
} | } | ||
Revision as of 08:59, 14 July 2017