Salve,

ho una pagina xhtml 1.0 Strict nella quale c'è un form con diversi checkbox ad sotto di essi c'è un div.

es.

codice:
<form id="mioform">
  <input name="pacchetto" type="checkbox" id="pacchetto01" value="1" />
  <div id="info_pac01">Testo testo testo testo testo testo</div>
  <input name="pacchetto" type="checkbox" id="pacchetto02" value="2" />
  <div id="info_pac02">Testo testo testo testo testo testo</div>
</form>
vorrei che tutti i div del form al carricamento della pagina siano invisibili (display: none ad poi in base al checkbox selezionato diventi visibile il div sottostante.

es. seleziono il checkbox "pacchetto02" visualizzo il div "info_pac02"


per favore mi postate lo scritp js necessario per ciò ?

grazie !