TransWikia.com

EventListener em um link a

Stack Overflow em Português Asked by user190650 on September 5, 2020

Queria adicionar um EventListener do tipo click em um link, para mostrar e ocultar o menu de listas,mas não consegui, nenhum evento é adicionado.
Se alguém puder me ajudar, agradeço muito.

var click = document.getElementsByClassName("test");

click.addEventListener("click",show_hide(),false);
function show_hide(){
    

    for(var i=0;i<document.getElementsByClassName("go").length;i++){

        if(click.display=="none"){
                click.style.display= "block";

        }else{
                click.style.display ="none";
        }

    }
    
}
.descida{
    
width: 100%;
    height: 50px;

}
.descida ul{
    
    
    background-color: white;
    list-style: none;
    position: relative;
    padding-left: 0px;
}
.click{
    background-color:#333;
    display: block;
    list-style: none;


}

.descida ul li a{
    color: white;
}
.descida ul ul{
    color: black;   
    position: absolute;
    /*visibility: hidden;*/
    background-color: white;

}




.go li a{

    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    /*display: list-item;*/
    display: none;
    line-height: 1.42857143;
    text-decoration: none;
    
}
<div class="descida">

    <ul>
        <li class="menu">

            <a class="test" href="#">Apache Software Foundation
            </a>
        </li>

        <ul class="go">

            <li>
                <a href="#">Apache Homepage</a>
            </li>
            <li>
                <a href="#">License</a>
            </li>
            <li>
                <a href="#">Sponsorship</a>
            </li>
            <li>
                <a href="#">Thanks</a>
            </li>
            <li>
                <a href="#">Sercurity</a>

            </li>
        </ul>
    </ul>
</div>

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP