Toggle non funziona

**centoiso** · 03-06-2014, 19:12

Ciao a tutti, ho uno strano problema, ho una funzione che mi serve per aprire e chiudere eventuali sottomenu, al click richiamo la funzione ma servono due click per attivarla, la prima volta non succede nulla, poi la seconda volta funziona. Ho provato a togliere la condizione (if) e funziona al primo click. A me però serve che il div si possa anche chiudere sempre con lo stesso link. Da cosa dipende secondo voi?

codice:

if(document.getElementById(divid).style.display=='none'){			document.getElementById(divid).style.display='block';
		} else {
			document.getElementById(divid).style.display='none';
}

**KillerWorm** · 03-06-2014, 22:31

Ciao, il frammento di codice che hai postato non è sufficiente a capire dove sta il problema.
Posta il resto del codice ho metti un link ad una pagina pubblica.

**centoiso** · 03-06-2014, 23:30

ecco il codice:

<script>
function apriDiv(divid) {
if(document.getElementById(divid).style.display=='none'){
document.getElementById(divid).style.display='block';
}else{ document.getElementById(divid).style.display='none';
}
}</script>

<a href="#" onclick="apriDiv('pippo');">apri</a>
<div id="pippo">apri questo div quando clicco su apri</div>

**KillerWorm** · 03-06-2014, 23:50

Ho fatto questa prova:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script>
      function apriDiv(divid) {
        if(document.getElementById(divid).style.display=='none'){
          document.getElementById(divid).style.display='block';
        }else{
          document.getElementById(divid).style.display='none';
        }
      }
    </script>
  </head>
  <body>
    <a href="#" onclick="apriDiv('pippo');">apri</a>
    <div id="pippo">apri questo div quando clicco su apri</div> 
  </body>
</html>

Il toggle si comporta perfettamente. Il div si chiude al primo click e si riapre in modo alternato.
Il problema non risiede sul codice che hai postato.

Se possibile, posta il link alla pagina pubblica.

**centoiso** · 04-06-2014, 00:09

Ti ringrazio per il consiglio, la pagina non è online (sto facendo dei test in locale), al momento ho risolto utilizzando due funzioni distinte apri e chiudi (facendo scomparire il link apri e il link chiudi di volta in volta)
Questo perchè se tolgo la condizione if funziona.
Grazie ancora e buona notte.

Discussione: Toggle non funziona

Strumenti discussione

Ricerca discussione

Visualizza

Toggle non funziona

Permessi di invio