// 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";
        }
    }