为jquery幻灯片动画添加不透明度效果

我试图将不透明度效果(从0到1)添加到这里某处张贴的代码(由用户/1022305/trevor)。还没有结果(我还是jquery初学者)。

下面是代码作者的小提琴:http://jsfiddle.net/trevordowdle/S7n2b/

有什么建议应该实现哪一行代码?它可能是一行，如:

opacity:'toggle'

试过了，没有用…

更新代码:

// JavaScript Document
$(document).ready(function(){
var stop = true;
var hovered;
var timeout;

    $('.nav').hover(
        function(){
            clearTimeout(timeout);
            stop = true;
            hovered = this;
            timeout = setTimeout(function(){
            if($(hovered).hasClass('nav_menu_link_drop')){
                $('.content').css('z-index',0);
                $(hovered).next('.content').css('z-index',5);        
                $(hovered).next('.content').slideDown({
                    duration: 400, 
                    easing: 'jswing', 
                    });
                timeout = setTimeout(function(){
                    $('.content').not($(hovered).next('.content')).slideUp({
                    duration: 200, 
                    easing: 'easeInSine', 
                    });
                },100);
                $(hovered).next('.content').fadeIn(100);
            }
            else
                $('.content').slideUp(350);    
            },400);
        },
        function(e){
            stop = false;
            clearTimeout(timeout);
            setTimeout(function(){
                if(!stop)
                    $('.content').slideUp(350);
                    $('.content').fadeOut(350);
            },500);
        }
    );
    $('.content').hover(
        function(){
            stop = true;    
        },
        function(){
        }
    );
    $('#nav_menu').hover(
        function(){
        },
        function(){
            timeout = setTimeout(function(){
                $('.content').slideUp(350);
            },200);
        }
    );
});

$(hovered).next('.content').fadeIn(100);

和

$('.content').fadeOut(350);