0
function dpdShowHide(){
var orgBtn = getElementById('organizador');
var dpdOrg = getElementById('org-dpd-list');
    if (orgBtn !== false) {
        dpdOrg.visibility('none')
    }
    else{
        dpdOrg.visibility('block')
    }
}

Então, meu problema é o seguinte, to tentando fazer um menu oculto (uma ul) aparecer e desaparecer ao clicar na li(elemento pai dessa outra ul), porém não está funcionando

1
  • 1
    Você poderia colocar também o código do HTML? Commented 7/06/2016 às 12:55

1 Resposta 1

0

Será isto?

<script>
function dpdShowHide(ele){

    dpdOrg = ele.children[0];
    if (dpdOrg.style.display == 'none') {
        dpdOrg.style.display = 'block';
    }
    else{
       dpdOrg.style.display = 'none';
    }
}

var orgBtns = document.getElementsByClassName('organizador');
for (var i = 0 ; i < orgBtns.length; i++) {
    orgBtns[i].addEventListener('click', function() {
       dpdShowHide();
    });
}

</script>

<ul>
       <li>
          li
       </li>
       <li class="organizador" onclick="dpdShowHide(this)">sub ul1
           <ul id="org-dpd-list" style="display: none">
              <li>sub li</li>
              <li>sub li</li>
           </ul>
       </li>
       <li>
          li
       </li>
       <li class="organizador" onclick="dpdShowHide(this)">sub ul2
           <ul id="org-dpd-list" style="display: none">
              <li>sub li</li>
              <li>sub li</li>
           </ul>
       </li>
    </ul>

3
  • Exato, obrigado cara, mas eu tenho mais uma dúvida, como eu faria pra esse mesmo código funcionar em vários botões no mesmo menu, porém, sem ter que repetir...E desculpa ficar tomando seu tempo Commented 7/06/2016 às 13:39
  • Pode dar atributos data, 1 secs vou fazer
    – Miguel
    Commented 7/06/2016 às 13:40
  • Feito @MuriloGambôa
    – Miguel
    Commented 7/06/2016 às 14:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .