saludos amigos
tengo un problema con un submenu de 2 niveles verticales lo q pasa es requiero q cuando se de click sobre el menu en esta caso padre me muestre el link en otro div de la pantalla pero q a su vez me despliegue los submenus hijos.
el problema q tengo q es cuando le doy click en el menu padre me manda al link pero no me muestra los hijos.
estuve probando con el metodo event.preventDefault() y si me muestra los hijos pero no despliega el link en el otro div y si lo quito si me muestra el contenido en el otro div pero no los submenus; de hecho como que los quiere mostrar pero los oculta inmediatamente.
les dejo el codigo
Código Javascript
:
Ver original$(function(){
(function($){
$.fn.accordion = function(custom) {
var defaults = {
keepOpen:false,
startingOpen: false
}
var settings = $.extend({}, defaults, custom);
if(settings.startingOpen){
$(settings.startingOpen).show();
}
return this.each(function(){
var obj = $(this);
$('li a', obj).click(function(event){
var elem = $(this).next();
if(elem.is('ul')){
if(!settings.keepOpen){
obj.find('ul:visible').not(elem).not(elem.parents('ul:visible')).slideUp();
}
elem.slideToggle();
event.preventDefault()
}
});
});
};
})(jQuery);
$('#menu').accordion({keepOpen:true, startingOpen: '#open'});
});
de antemano gracias por la ayuda.
saludos.