You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
187 lines
3.8 KiB
187 lines
3.8 KiB
// show mobile menu onclick
|
|
|
|
document.getElementById("icon").addEventListener("click", function menu() {
|
|
var x = document.getElementById("md");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
)
|
|
|
|
// show hemp submenu
|
|
|
|
document.getElementById("chevron_1").addEventListener("click", function menu() {
|
|
var x= document.getElementById("down_1");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
)
|
|
|
|
// spider submenu
|
|
|
|
document.getElementById("chevron_2").addEventListener("click", function menu() {
|
|
var x= document.getElementById("down_2");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
)
|
|
|
|
// offgrid submenu
|
|
|
|
document.getElementById("chevron_3").addEventListener("click", function menu() {
|
|
var x= document.getElementById("down_3");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
)
|
|
|
|
// index
|
|
|
|
// button 1
|
|
|
|
document.getElementById("b_1").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_1");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 2
|
|
|
|
document.getElementById("b_2").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_2");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 3
|
|
|
|
document.getElementById("b_3").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_3");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 4
|
|
|
|
document.getElementById("b_4").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_4");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 5
|
|
|
|
document.getElementById("b_5").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_5");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 6
|
|
|
|
document.getElementById("b_6").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_6");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button 7
|
|
|
|
document.getElementById("b_7").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_7");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
// button
|
|
|
|
document.getElementById("b_8").addEventListener("click", function menu() {
|
|
var x= document.getElementById("c_8");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// this function shows an element by id
|
|
|
|
function show() {
|
|
var x= document.getElementById("information");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex"; }
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|
|
//this function shows element2 by id -to be generalized
|
|
|
|
function display() {
|
|
var x= document.getElementById("footer-links");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "flex";}
|
|
else {
|
|
x.style.display ="none";
|
|
}
|
|
}
|