m |
m |
||
Line 13: | Line 13: | ||
var navBtn = document.getElementById("nav-icon"); | var navBtn = document.getElementById("nav-icon"); | ||
var team = document.getElementsByClassName("overlay"); | var team = document.getElementsByClassName("overlay"); | ||
+ | var navbarLinks = document.getElementsByClassName("navbar-links")[0]; | ||
var wordArray = ["Humans", "Scientists", "Researchers", "Engineers", "Designers"] | var wordArray = ["Humans", "Scientists", "Researchers", "Engineers", "Designers"] | ||
var wordIndex = 0; //Start at first word in wordArray | var wordIndex = 0; //Start at first word in wordArray | ||
Line 28: | Line 29: | ||
}); | }); | ||
}); | }); | ||
− | + | // old | |
function openNav() { | function openNav() { | ||
document.getElementById("nav-elements").style.right = "0"; | document.getElementById("nav-elements").style.right = "0"; | ||
Line 47: | Line 48: | ||
} | } | ||
− | + | //old | |
function closeNav() { | function closeNav() { | ||
closeSubmenus(); | closeSubmenus(); | ||
Line 67: | Line 68: | ||
//document.getElementById("close-nav-button").style.display = "none"; | //document.getElementById("close-nav-button").style.display = "none"; | ||
} | } | ||
− | + | // old | |
function closeSubmenus() { | function closeSubmenus() { | ||
for(i = 0; i < dropLinks.length; i++) { | for(i = 0; i < dropLinks.length; i++) { | ||
Line 73: | Line 74: | ||
} | } | ||
} | } | ||
− | + | // old | |
function showSubmenu(x) { | function showSubmenu(x) { | ||
closeSubmenus(); // first closes the current open submenu | closeSubmenus(); // first closes the current open submenu | ||
Line 82: | Line 83: | ||
} | } | ||
} | } | ||
+ | } | ||
+ | |||
+ | function openMobileNav() { | ||
+ | navbarLinks.style.height = 0; | ||
+ | navBtn.setAttribute("onclick", "closeMobileNav"); | ||
+ | } | ||
+ | |||
+ | function closeMobileNav() { | ||
+ | navbarLinks.style.height = "100%"; | ||
+ | navBtn.setAttribute("onclick", "openMobileNav"); | ||
} | } | ||
Revision as of 22:10, 19 July 2020