// Pseudo-NameSpace. 
ejercicio1={

inicio:function()
{
	jQuery.noConflict();
	jQuery("ul#menudesp li.desplegable > a ").click(ejercicio1.acordeon); // Todos los <li> hijos directos (sus descendientes heredan)
	jQuery("ul#menudesp li ul").hide();
	jQuery("ul#menudesp li.desplegado > ul").show();
}, 
/*
 * this esta aplicado al elemento <a> hijo directo de li y a su vez directo de menudesp.
 * La funcion retorna false para q el enlace de las supracategorias no salte.
 * Si JS no esta activado todo esto no funcionara y se vera el menu completo desplegado y con
 * los enlaces correctos.
 * Para el despliegue se debe actuar desde el padre de <a>, es decir, el li que contiene a
 * los uls que hay que desplegar, y sobre el que hay que marcar con la clase desplegado
 */
acordeon:function()
{
	// si tiene la clase no hace falta nada
	if (jQuery(this.parentNode).is(".desplegado")) 
	{
		// buscar el marcado como desplegado y ocultarlo
		jQuery("> ul",this.parentNode).slideUp();
		jQuery(this.parentNode).removeClass("desplegado"); // elimina una clase si no la tiene
	}
	else
	{
		// marcar el actual y desplegarlo
		jQuery(this.parentNode).addClass("desplegado"); // aņade si no estaba puesta ya
		jQuery("> ul",this.parentNode).slideDown();
	}
	
	return false;
}
}


jQuery(document).ready(ejercicio1.inicio);