Jquery -如何将导航子菜单包装到div中，并使其正常工作

Question

我正在构建动态加载外部页面的jquery导航。子菜单显示在单击，并消失时，其他按钮被点击。像这样，一切都很好：

http://jsfiddle.net/gundra/ubTzp/1/

但是，当我试图将子菜单插入到div中时：

http://jsfiddle.net/gundra/ubTzp/3/

它只出现过一次，直到完全消失。

我希望看到子菜单的行为与第一个示例相似，但包装在pageSubItems div中。

Jquery：

$(document).ready(function(){


    $('#pageWraper').css({'display':'none'}).slideDown('fast');
    $('ul.submenu').hide();

    $('a.menuLink').on("click", function(event) {
        var pageLink = $(this).attr('href'); 
        var pageName = $(this).attr('name');
        var currentSub = $(this).next('ul.submenu');
        event.preventDefault();


         $(".currentPage").fadeOut('slow', function(){
             $("#pageWraper").load(pageLink);
         });

         $('#navigationWraper li a').removeClass('current');
         $(this).addClass('current');
         $('.pageName').text(pageName);


        $('a.menuLink').next('ul.submenu').removeClass('activeSub').hide();
        $('.pageSubItems').empty();
        currentSub.addClass('activeSub').show().appendTo('.pageSubItems');

    });

});

谢谢

Answer 1

如果你第一次按，

currentSub.addClass('activeSub').show().appendTo('.pageSubItems');

子菜单移到('.pageSubItems')类。下一次点击没有子菜单。

尝尝这个。

 $('a.menuLink').next('ul.submenu').removeClass('activeSub').hide(); 
    $('.pageSubItems').empty(); 
currentSub.clone().addClass('activeSub').show().appendTo( ".pageSubItems" );

对不起我的英语。