Difference between revisions of "Team:Tec-Monterrey/Templates/Tec-Monterrey General Format"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
−
 
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="description" content="Test wiki template Team:Tec-Monterrey">
 
     <meta name="description" content="Test wiki template Team:Tec-Monterrey">
Line 9: Line 8:
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">     
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">     
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapStylishPortfolio?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapStylishPortfolio?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 +
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/fontawesomemin?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
  
 
<script>
 
<script>
  
 
$(document).ready(function() {
 
$(document).ready(function() {
−
 
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
  
 
// call the functions that control the menu  
 
// call the functions that control the menu  
−
menu_functionality();
 
 
hide_show_menu();
 
hide_show_menu();
−
 
−
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 
−
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
 
−
highlight_current_page();
 
−
}
 
−
 
  
 
// call the highlight current page function to show it on the menu with a different background color
 
// call the highlight current page function to show it on the menu with a different background color

Revision as of 19:23, 1 June 2018