prototype, Richiamare la classe di un elemento

[ilario83]

Salve a tutti, vi pongo brevemente il mio quesito:

Codice html

<div class="cat_list">
<ul class="list_cat">[*]Abbigliamento e accessori[*]Alimenteri[*]Audio Tv Elettronica Foto e Video[*]Auto, Moto, Nautica e Mezzi di Trasporto[*]Bellezza[*]Film, Musica, Libri, Riviste, Tv, Radio, Internet 					[*]Industria, Commercio e Servizi [*]Infanzia e Premaman[*]Informatica, Palmari e Videogiochi[*]Orologi e Gioielli[*]Salute[*]Sport[*]Telefonia e cellulari[*]Turismo e viaggi[/list]
</div>
<div class="sub_cat_list" style="display: none;">
<ul class="sub_list_cat">[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria [*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria[*]Sottocategoria 				[/list]				 			
</div>

Codice prototype/scriptaculous

Pippo = function(){
element = $$('ul.sub_list_cat');
button = $$('.list_cat li a');
button.click = function(){ new Effect.Appear(element,{duration: 0.3}); } 
}

Non so se si capisce, comunque vorrei fare in modo che al click di qualsiasi "a" figlio di cat_list (o list_cat),
compaia l'"ul" "sub_cat_list", qualcuno mi saprebbe aiutare, grazie mille, buona giornata.

[buribus]

Non ho capito se il div che deve apparire al click è unico o è sempre diverso a secondo dal pulsante premuto.
Comunque interpretando letteralmente la tua richiesta dovresti fare così:

function Pippo(){
    var displayList = $$('div.sub_cat_list');
    var buttons = $$('ul.list_cat li a');
    buttons.each(function(elem) {        
            elem.observe('click', function(event) {                        
            displayList.invoke('appear');
               Event.stop(event);
            })
    });        
}
Event.observe (window, 'load', Pippo); 

[ilario83]

Grazie 1000! Tra un po' lo provo...