javascript - hoverintent を mouseevent に変更した後、Sprytabs が機能しなくなりました

Question

マウスイベントでトリガーするようにドロップダウン メニューを変更しましたが、ドロップコンテンツ内にあるいくつかの sprytab が機能しなくなりました。私が唯一変えたのは

これ（私のタブは正常に機能していました）

$(function(){
        $('#navigation_horiz').delay(50).fadeIn(50);
        $('#navigation_horiz').naviDropDown({
        dropDownWidth: 'auto',  //the default width of drop down elements
        slideDownDuration: 500, //easing duration for slideDown
        slideUpDuration: 200 //easing duration for slideUp    
        });
});

これに（現在、タブはドロップコンテンツに囲まれて機能しなくなりました）

$(function(){
    $('#navigation_horiz ul li').bind('mouseenter',function(e){
        $('#navigation_horiz ul li').removeClass('active');
        $(this).addClass('active');
        if($(this).children('.dropdown').length>0){
            $('#navigation_horiz ul').next('.dropdown').attr('id',$(this).children('.dropdown').attr('id'));            
            $('#navigation_horiz ul').next('.dropdown').html($(this).children('.dropdown').html());
            $('#navigation_horiz ul').next('.dropdown').slideDown(500);
            $('#navigation_horiz ul').next('.dropdown').children().css('opacity',0);
            $('#navigation_horiz ul').next('.dropdown').children().animate({opacity:0},0).animate({opacity:1},1000,'linear');
        }
    });

    $('#navigation_horiz').bind('mouseleave',function(){
        $('#navigation_horiz ul li').removeClass('active');
        $('#navigation_horiz ul').next('.dropdown').delay(500).slideUp(500);
    });
});

これを修正するために何が必要かについて誰かが問題を見ていますか?