AnswerBun.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!

Related Questions

Converter data com timezone

4  Asked on December 11, 2021 by dudisroyer

     

Objeto não é atualizado

1  Asked on December 11, 2021

     

Entendimento sobre MVC

2  Asked on December 11, 2021 by carlos-rocha

     

Devo alimentar meu site pela API ou não?

1  Asked on December 11, 2021 by spacedogcs

     

Como pegar o nome de uma variável dentro de um método?

1  Asked on December 11, 2021 by pedro-martins

   

Label não atualiza através do setText no JavaFX

1  Asked on December 11, 2021 by filipe

     

Como usar o Enum.Parse()?

2  Asked on December 11, 2021 by thulio-mariano

     

Problema consultas avançadas MYSQL

2  Asked on December 11, 2021 by inovaarte-tecnologia

   

Laravel 6 escapando html blade template

2  Asked on December 11, 2021 by fernandosales

       

Ajuda com dados do PDO em PHP!

1  Asked on December 11, 2021 by marco-lustosa

     

Como definir um padrão de exibição de casas decimais no R?

1  Asked on December 11, 2021 by rtheodoro

   

Quebra de linhas

1  Asked on December 11, 2021 by vanderclin-rocha

       

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP