Contenuti a comparsa


Mostra testo nascosto

 

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!

 

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 onclick="javascript:toggle('toggleTendina');">
  <div id="toggleTendina" style="display:none;">
   CONTENUTO
  </div>
 </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