Guide › Contenuti a comparsa

 

Soprattutto nei blog è utile creare dei menu a tendina per organizzare gli articoli, altre volte invece può servire inserire contenuti visualizzabili solo su richiesta per non appesantire troppo la pagina. Ecco allora un semplice codice in tema!

 

Mostra testo nascosto

 

Impostazioni > Modifica head
<script language="javascript" type="text/javascript"> 
 //<![CDATA[ 
 function toggle(elementId) { 
  var ele = document.getElementById(elementId); 
  if(ele.style.display == "block") { 
   ele.style.display = "none"; 
  } 
  else { 
   ele.style.display = "block"; 
  } 
 } 
 //]]> 
</script> 

Widget/HTML
<div class="tree"> 
  <a id="displayTendina"
     href="javascript:toggle('toggleTendina');" name="displayTendina">
    TITOLO
  </a>
  <div id="toggleTendina" style="display:none;">
    CONTENUTO
  </div>
</div>

Suggerimento
Per inserire nella stessa pagina più tendine è sufficiente numerare gli elementi inserendo nel codice dopo ogni “Tendina” il numero corrispondente, ad esempio “Tendina1”, “Tendina2” ecc.



Hai trovato l'articolo utile?        No