Mostra/Nascondi div con select box

[Chef89]

Salve,
avrei la necessità di mostrare e nascondere un div secondo la scelta di un select box.

Riesco a far si che si visualizzi il div quando si sceglie un opzione, ma se si sceglie nuovamente il valore iniziale non si nasconde più il div precedentemente mostrato.

Questo è il codice

function show(id) {
    document.getElementById(id).style.display="block";
}
function hide(id) {
    document.getElementById(id).style.display="none";
}

<select name="selectbox" onchange="show('div')">
              <option value="" selected="selected" onselect="hide('div')">Seleziona...</option>
              <option value="1">Valore 1</option>
              <option value="2">Valore 2</option>
              <option value="3">Valore 3</option>
</select>

<div id="div">
Testo qui
</div> 

Grazie

[artorius]

non funziona così: onSelect è l'evento della SELECT non delle option.

Devi fare un funzione unica che descerna quale elemento hai selezionato.

function show(id) {
    document.getElementById(id).style.display="block";
}
function hide(id) {
    document.getElementById(id).style.display="none";
}

function toogle(id, sel){
   if(sel.options[sel.selectedIndex].value == ''){
      show(id);
   }
   else{
      hide(id);
   }
}

<select name="selectbox" onchange="toogle('div', this)">
              <option value="" selected="selected">Seleziona...</option>
              <option value="1">Valore 1</option>
              <option value="2">Valore 2</option>
              <option value="3">Valore 3</option>
</select>

<div id="div">
Testo qui
</div>