Difference between revisions of "Template:KU Leuven"

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");
console.log("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page");
+
 
 +
// 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