Menu Desplegable. Dudas

[daicon]

Hola:

Necesito saber como hacer lo siguiente:

Estoy utilizando Framework Mootoolos de Joomla.

Tengo un menu a la izquierda con un div donde contiene a mas div a su veces.
La idea es hacer un menu desplegable, que al hacer click en cada categoria, se desplieguen las categorias.

El caso es que no se como hacerlo, ya que todas las categorias padres tienen el mismo id, ya que esta hecho el codigo html mediante php en un bucle for.

Mi pregunta es:
Para diferencias cada categoria tengo que asignarle un id diferente y a su vez una funcion diferente para que haga el efecto de despliegue y pliegue no?

Como hago esto mediante php? puedo asignar el nombre de id mediante un array?

Espero haberme explicado medianamente.

Otra cosa: Es necesario hacer una funcion del efecto para cada id de categoria? o hay alguna forma de usar una y que afecta a todas?


edito:
Aqui dejo el codigo que uso para plegar TODAS y desplegar TODAS, independientemente de a que categoria haga click, se despliegan y pliegan todas, no solo la clickeada (como deberia de ser).

Código:

$('drop_down_menum').getElements('table.drop_down_menu').each( function( elem ){
		
	
		var myFx = new Fx.Slide(elem).hide();
		
		
		$('controlam').addEvents({
			'mouseenter' : function(){
				myFx.cancel();
				myFx.slideIn();
			},
			'mouseleave' : function(){
				myFx.cancel();
				myFx.slideOut();
			}
		});
	});

[daicon]

Ni una respuesta? Venga gente....

He conseguido hacer lo que quiero, pero de esta forma, que creo q es un poco a lo bestia...

Código:

	var myFx0 = new Fx.Slide(drop_down_menu0).hide();
		var myFx1 = new Fx.Slide(drop_down_menu1).hide();
		var myFx2 = new Fx.Slide(drop_down_menu2).hide();
		var myFx3 = new Fx.Slide(drop_down_menu3).hide();
		var myFx4 = new Fx.Slide(drop_down_menu4).hide();
		var myFx5 = new Fx.Slide(drop_down_menu5).hide();
		var myFx6 = new Fx.Slide(drop_down_menu6).hide();
		var myFx7 = new Fx.Slide(drop_down_menu7).hide();
		
		
		$('mas0').addEvents({
			'click' : function(){
				myFx0.cancel();
				myFx0.toggle();
			},
		});
		
		$('mas1').addEvents({
			'click' : function(){
				myFx1.cancel();
				myFx1.toggle();
			},
		});
		
		$('mas2').addEvents({
			'click' : function(){
				myFx2.cancel();
				myFx2.toggle();
			},
		});
		
		$('mas3').addEvents({
			'click' : function(){
				myFx3.cancel();
				myFx3.toggle();
			},
		});		
		$('mas4').addEvents({
			'click' : function(){
				myFx4.cancel();
				myFx4.toggle();
			},
		});	
		$('mas5').addEvents({
			'click' : function(){
				myFx5.cancel();
				myFx5.toggle();
			},
		});	
		$('mas6').addEvents({
			'click' : function(){
				myFx6.cancel();
				myFx6.toggle();
			},
		});	
		$('mas7').addEvents({
			'click' : function(){
				myFx7.cancel();
				myFx7.toggle();
			},
		});

Lo que quiero es saber si se puede hacer de tal forma que no tenga que declarar una nueva variable por cada categoria que quiero pleglar/desplegar.
Que yo creo que si, pero no se como hacerlo.