Difference between revisions of "Template:KU Leuven"

Line 435: 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').slideToggle(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 463: Line 448:
 
selected.addClass("active");
 
selected.addClass("active");
 
selected.parents(".dropdown").addClass("active");
 
selected.parents(".dropdown").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");
 
−
 
 
}
 
}
  
Line 482: Line 461:
 
$("#bars_item").click(function() {
 
$("#bars_item").click(function() {
 
// show/hide the menu wrapper
 
// show/hide the menu wrapper
−
$("nav").fadeToggle();
+
$("nav").slideToggle();
 
});
 
});
 
  }  
 
  }  

Revision as of 09:24, 14 July 2017