Tag div o altro?

[koala81]

Mi serve un suggerimento.
Ho quattro text area e devo fare in modo che ad un particolare click se ne vedino solo due mentre le altre scompaiono; altro click e viceversa.
Ho raggruppato le text area in due div e agisco tramite javascript sull'attributo style="dysplay: " del div, cambiandolo da none a block e viceversa.
Anche se questi valori cambiano, non succede nulla visivamente.
Cosa sbaglio?

[oronze]

prova a postare il codice html e javascript così qualcuno può darci un'occhiata

[koala81]

Ecco:
Io ho una tabella, per ogni riga 4 colonne

<tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>

Come primo rigo ho aggiunto questi radio button:

<tr align="left" class="even">
    <td align="left" width="20%"> CITTA ITA <input type="radio" name="citta" 
                                 checked="checked" onclick="selezionaCitta();"/> </td>
    <td align="left" width="30%"> CITTA EST <input type="radio" name="citta" 
                                 onclick="selezionaCitta();"/> </td>
    <td align="left" width="20%"> CODICE FISCALE <input type="radio" name="cfpi" 
                                 checked="checked" onclick="attivaObb('cfM','piM','1');"/> </td>
    <td align="left" width="30%"> PARTITA IVA <input type="radio" name="cfpi" 
                                 onclick="attivaObb('cfM','piM','2');"/> </td>
</tr>

Il mio problema è nelle citta. Devo fare in modo che se selziono la prima, scompare la coppia nome/cap per la citta estera; viceversa se clicco sulla seconda scompare la coppia nome/cap per la citta italiana.

<tr align="left" class="odd">
    <div style="display:block" id="divITA">
         <td align="left" width="20%">CITTA ITA:</td>
         <td align="left" width="30%"><input type="text">  </td>
         <td align="left" width="20%">CAP ITA:</td>
         <td align="left" width="30%"><input type="text"></td>
    </div>
    <div style="display:none" id="divEST">
         <td align="left" width="20%">CITTA EST:</td>
         <td align="left" width="30%"><input type="text">  </td>
         <td align="left" width="20%">CAP EST:</td>
         <td align="left" width="30%"><input type="text"></td>
    </div>
</tr>

Ho provato a fare una cosa così in modo che con javascript vado ad agire su display del div e li cambio a seconda di come ho cliccato.
Ma non funziona, non succede nulla...
Dove sbaglio?

[oronze]

posta anche il javascript cmq il codice html è "sbagliato"...non dovresti usare le tabelle con i div...dovresti usare solo i div...

[koala81]

function selezioneCiita(A){
    var div1 = document.getElementById('divITA');
    var div2 = document.getElementById('divITA');
    var value = A;
    if (value=='1'){
	div1.style.display = "block";
        div2.style.display = "none";                
    } else {
	div2.style.display = "block";
        div1.style.display = "none";
    }
}

dove A è il valore che passo dalla chiamata per capire quale radio button è stato chiamato.

<td align="left" width="20%"> CITTA ITA <input type="radio" name="citta" 
                                 checked="checked" onclick="selezionaCitta('1');"/> </td>
<td align="left" width="30%"> CITTA EST <input type="radio" name="citta" 
                                 onclick="selezionaCitta('2');"/> </td>

La tabella è già esistente e non posso cambiarla. Devo partire da quella. Immaginavo che l'idea del div potesse essere sbagliata, perciò chiedevo un suggerimento per usare altro.
E' su questa tabella esiste che i due campi nome/cap devono alternarsi tra ITA e EST.