problemas con el sub-menu

[temor_182]

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:

$(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.