moo.fx mostrare contenuto con effetto slide

[Nesis]

nella pagina principale di moo.fx (http://moofx.mad4milk.net/)
ci sta un esempio che permette, cliccando sui vari titoli delle sezioni, mostrare con un effetto di slide il contenuto di ogni sezione

volevo capire come fare lo stesso effetto, però non cliccando, ma al passaggio del mouse..
le funzioni di mootools stanno scritte in fondo alal pagina (nel'html naturalmente) ma non sono riuscito a capire quale sia l'evento che gestisca il click oppure il passaggio del mouse..

grazie in anticipo

[artorius]

se posso darti un consiglio, usa Mootools al posto moo.fx.

Comunque, devi usare l'evento "mouseover" e "mouseout" o, se usi mootools, hai i più efficaci eventi "mouseenter" e "mouseleave"

[Nesis]

moo.fx non è una libreria di mootools?

moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework.

...

e comunque so bene che gli eventi sono onmouseover e onmouseout, ma nn capisco come vengono associati in quel codice..

io al massimo leggo:

onActive: function(toggler){

sapete darmi una mano?

[Nesis]

chi fa da se, fa per tre

http://davidwalsh.name/mootools-accordion-hover-event

[artorius]

Originariamente inviato da Nesis
moo.fx non è una libreria di mootools?

Ni, è una libreria scritta dallo stesso autore di Mootools (Valerio Proietti) per fornire effetti grafici in JS che non fossero pesanti e poco performanti (come Scriptaculous), ma non è Mootools che è una libreria a sé stante.

e comunque so bene che gli eventi sono onmouseover e onmouseout, ma nn capisco come vengono associati in quel codice..

io al massimo leggo:

onActive: function(toggler){

sapete darmi una mano?

Veramente quello è la definizione dei un metodo per l'oggetto dov'è contenuto. Per definire un evento su di un elemento, con Mootools fai:

$(elemento).addEvents(
   {
      'mouseenter' : function(){
         //Quello che deve fare entrando nell'elemento
      },
      'mouseleave' : function(){
         //Quello che deve fare lasciando l'elemento
      }
   }
); 

N.B. Con prototypejs è diverso.

[Nesis]

cmq nel post che ho precedentemente scritto sta il link alla soluzione

[artorius]

ti dirò l'accordion di Mootools non mi piace tanto, io preferirei usare questo:

http://demos111.mootools.net/Fx.Elements

[Nesis]

devo utilizzarlo per una serie di news, quindi alla fine passando il mouse sul titolo, mi visualizza la news in breve..di conseguenza è meglio l'accordion