创建Dropline样式菜单

我正在尝试创建一个下拉式菜单。

请看我的小提琴http://jsfiddle.net/oampz/38c6q/

我遇到的问题是，我不想让棕色菜单-或者让它下降/淡出。我正试图让子菜单项简单地出现在灰色的子DIV.中

$('#main-nav > li').hover(function(){
            if(!$(this).find('.main-link').hasClass('active')){
                $("#main-nav > li a.active").removeClass("active");
                $(this).find('.main-link').addClass("active");
                if($(this).find('li').length){
                    //$("#main-nav li a.close").stop().fadeIn();
                    //There is no .close
                    var that = this;
                    $("#sub-link-bar").stop().animate({ height: "40px"}, function(){
                        $(that).find(".sub-links").show();
                    });
                }
                else {
                     $(this).find(".sub-links").stop().fadeOut( function(){
                        $(this).css('opacity','1');
                        $("#sub-link-bar").stop().animate({height: "1px"});
                     });
                }
            }
        }, function(){
            if($(this).find('li').length){
                $(this).find(".sub-links").stop().hide( function(){
                    $(this).css('opacity','1');
                });
            }
            $("#sub-link-bar").stop().animate({height: "1px"});
           $(this).find('.main-link').removeClass('active');
        });

感谢您的帮助。