jquery - fadeIn fadeOut menu

[kade119]

i started with this menu and the level 1 primary link bg bounces in but I would like it to fade in

original code

$(document).ready(function(){
    if ($.browser.msie && parseInt($.browser.version) < 7){
        $('#menu ul.menu li').hover(
            function(){ $(this).addClass('sfhover'); },
            function(){ $(this).removeClass('sfhover'); }
        );
    }
    $('#menu ul.menu > li').children('a').children('span').after("<span class=\"bg\">&nbsp;</span>");
    //---bouncing bg
    $('#menu ul.menu > li').hover(
        function(){
            //---IE7 width bugfix
            $(this).find('span.bg').css("width", $(this).width());
            //---end of IE7 width bugfix
            $(this).find('span.bg').stop(true,true).animate({
                "marginTop" : "-30px"
            }, 500, "bounceout");
        },
        function(){
            $(this).find('span.bg').stop(true,true).animate({
                "marginTop" : "0"
            }, 500, "bounceout");
        }
    );

modified code, what i'm trying

$(document).ready(function(){
    if ($.browser.msie && parseInt($.browser.version) < 7){
        $('#menu ul.menu li').hover(
            function(){ $(this).addClass('sfhover'); },
            function(){ $(this).removeClass('sfhover'); }
        );
    }
    $('#menu ul.menu > li').children('a').children('span').after("<span class=\"bg\">&nbsp;</span>");
    //---bouncing bg
    $('#menu ul.menu > li').hover(
        function(){
            //---IE7 width bugfix
            $(this).find('span.bg').css("width", $(this).width());
            //---end of IE7 width bugfix
            $(this).find('span.bg').fadeIn(500);
        },
        function(){
            $(this).find('span.bg').fadeIn(500);
        }
    );

also tried this

    $(document).ready(function(){
$("ELEMENT HERE").fadeTo("slow", 0.3);
$("ELEMENT HERE").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.3);
});
});

[MikeB]

Are you having problems with this or not?
Sorry, just it was more of a statement post, with the blocks of code with no real message as to whether you were having problems, if so what with or whether it was example code for other people to use!

Could you just clear up what you meant with this post?

[paintingtheweb]

You're trying to get from bouncing to fading right? You can probably just use the .fadeIn("fast") instead of using the animate function. The bouncing is coming from the easing option you have filled in (bounceout, etc) - if you don't want easing, no need to use that.