<tr> a scomparsa

[freezone]

Salve vorrei fare una cosa semplice, mettere una tabella con celle a scoparsa.
Esempio:

Frutta
Banana
Pera
Verdura
Carote
Melanzane

In modo che si vedesse solo le <tr> con le categoria (Frutta e Verdura).
Io ho dato alle <tr> con gli elementi un id, e style.display:none.
Al clic delle macrocategorie onClic=document.getElementById('iddellatr').style. display='';
Il problema è che è dinamica per cui le tr hanno id che non riesco a sapere a priori, come si può dare lo style.display='' a più <tr>?
Non so se mi sono spiegato. Se ci sono altre soluzioni sono ben accette.
Grazie mille.

[Pius]

Cosa intendi per dinamicgenerata tramite asp, php o simili?

Se è così riasolvi tutto in questo modo.

Nel ciclo che genera le tabella ti crei un contatore che incrementi di 1 ad ogni ciclo.

in modo che:
...id="id1">
...id="id2">

Poi ti crei una funzione javascript al posto del codice che utilizzi ogni volta ( e che appesantisce la pagina)

del tipo:

function visualizza_div(nomediv) {

codice visualizzazione;

}

e onclick fai corrispondere visualizza_div(nomediv) ...che è generato dinamicamente...

spero di esser stato abbstanza chiaro...

ciao

[pierofix]

Senza andare a sporcare il markup con id e classi, propongo di seguire il seguente concetto (per quanto riguarda semplicemente il mostra/nascondi):

- http://www.htmldog.com/articles/suckerfish/dropdowns/

[freezone]

Grazie pius, era più elegante l'altro metodo, ma per ora ho usato l'altro per questione di tempo.