Amigo, yo tengo un menú tipo acordeón hecho con JS, te dejo el código para que lo cheques:
lmenu.js
Código Javascript
:
Ver original(function($){
$.fn.lMenu=function(){
return this.each(function(){
var menu= $(this);
menu.find('ul li > a').bind('click',function(event){
var currentlink=$(event.currentTarget);
if (currentlink.parent().find('ul.active').size()==1)
{
currentlink.parent().find('ul.active').slideUp('fast',function(){
currentlink.parent().find('ul.active').removeClass('active');
});
}
else if (menu.find('ul li ul.active').size()==0)
{
show(currentlink);
}
else
{
menu.find('ul li ul.active').slideUp('fast',function(){
menu.find('ul li ul').removeClass('active');
show(currentlink);
});
}
});
function show(currentlink){
currentlink.parent().find('ul').addClass('active');
currentlink.parent().find('ul').slideDown('fast');
}
});
}
})(jQuery);
index.html
Código HTML:
Ver original <a id="Minicio" href="#"><img src="img/menu/index.png"></img> INICIO
</a> <a href="#"><img src="img/menu/man.png"></img> PACIENTES
</a> <li><a class="MaltaPaciente" href="#"><img class="icosub" src="img/crud/add.png"></img> Agregar Paciente
</a></li> <li><a id="MlstPaciente" href="#"><img class="icosub" src="img/submenu/search.png"></img> Buscar Paciente
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/pdf.png"></img> Exportar Lista PDF
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/xls.png"></img> Exportar Lista EXCEL
</a></li> <a href="#"><img src="img/menu/calendar.png"></img> CITAS
</a> <li><a id="MaltaCitas"href="#"><img class="icosub" src="img/crud/add.png"></img> Ver/Agregar Cita
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/eye.png"></img> Ver Calendario
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/lista.png"></img> Citas Pendientes
</a></li> <a href="#"><img src="img/menu/surgery.png"></img> CIRUGÍAS
</a> <li><a href="#"><img class="icosub" src="img/crud/add.png"></img> Agregar Reservación
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/eye.png"></img> Ver Calendario
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/lista.png"></img> Cirugías Pendientes
</a></li> <a href="#"><img src="img/menu/finanza.png"></img> FINANZAS
</a> <li><a href="#"><img class="icosub" src="img/crud/add.png"></img> Agregar Nuevo Pago
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/rfinanza.png"></img> Reporte de Ganancias
</a></li> <a href="#"><img src="img/menu/tools.png"></img> HERRAMIENTAS
</a> <li><a href="#"><img class="icosub" src="img/submenu/imc.png"></img> Calcular IMC
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/calc.png"></img> Calculadora
</a></li> <a href="#"><img src="img/menu/doctor.png"></img> TRABAJADORES
</a> <li><a class="MaltaTrabajador" href="#"><img class="icosub" src="img/crud/add.png"></img> Agregar Trabajador
</a></li> <li><a class="MlstTrabajador" href="#"><img class="icosub" src="img/submenu/lista.png"></img> Lista de trabajadores
</a></li> <a href="#"><img src="img/menu/sistema.png"></img> SISTEMA
</a> <li><a href="#"><img class="icosub" src="img/submenu/catalog.png"></img> Administrar Centro
</a></li> <li><a href="#"><img class="icosub" src="img/submenu/db.png"></img> Respaldo BD
</a></li> <a id="logout" href="controller/logout.php" title="Cerrar Sesión"><img src="img/menu/logout.png"></img> SALIR
</a>
Cualquier duda, ya sabes, no dudes en preguntar. saludos