Nascondere o mostrare un blocco con un click

Questa volta mostriamo uno script che consente di mostrare o nascondere alternativamente un blocco dove potete mettere ovviamente quello che vi pare. Noi faremo un esempio inserendo un campo di input da far apparire e scomparire cliccando su un bottone. Come sempre il codice completo (si tratta di un unico file html) lo troverete alla fine dell’articolo.


Lo script è scritto in javascript e lo proponiamo qui di seguito.

<script type="text/javascript"> 
function toggle(id, id2){   
  var el_one = document.getElementById(id);   
  var el_two = document.getElementById(id2);   
  if(el_one.style.display == "block"){   
    el_one.style.display = "none";   
  }else{   
    el_one.style.display = "block";   
  }   
} 
</script>

La funzione javascript riceve come parametri l’id del bottone che premeremo per far comparire e scomparire il box e l’id del box. Dopodiché se il blocco è visibile viene nascosto e viceversa.

La funzione verrà richiamata alla pressione sul bottone.
Il risultato sarà quello mostrato qui sotto:

 

 

Il file completo lo potete scaricare qui

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *