javascript - 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/