jQuery多级导航

Question

您好我已经在magento中创建了一个多级导航。现在我的菜单打开和关闭有问题。我希望我的菜单在单击其他顶级菜单时关闭“活动”顶级菜单。 我似乎无法使这部分正确。

使用Javascript：

jQuery(document).ready(function(jQuery) {    
        jQuery(".sub_category").hide();
        jQuery(".sub_sub_category").hide();

        jQuery('#product-nav li a').click(function () {
            jQuery('#product-nav li a').removeClass('active');
            jQuery(this).addClass('active');
        });

        jQuery('ul li.expanded a').each(function(i){
            var subUl = jQuery(this).parent().find('ul'); //Get the sub ul.
            jQuery(this).bind('click',function(e){
                     // Prevent the default action of the link
                    subUl.toggle();
                }) ;   
        });
        jQuery(".head_child").click(function(e) {
                e.preventDefault();
        });
        jQuery('li:has(ul) > a').click(function(e) {
                 e.preventDefault();
        });

            var url = window.location.toString();

        jQuery('ul li.expanded a').each(function(){         
            var myHref= jQuery(this).attr('href');
            var subUl = jQuery(this).parent().find('ul'); //Get the sub ul.
            if( url.match(myHref)) {
                jQuery(this).addClass('activeElement')
                subUl.toggle();
        }
});       
});

请查看我的jsfiddle以获取我的代码示例。 http://jsfiddle.net/wvEcF/1/