Question

I’m doing a basic .bind(), placing fadein and fadeout on mouseover and mouseleave,
but it doesn’t work all the times. I’m not finding the issue, so I need help or a better sugestion to do this. Thanks for looking, the pastie here http://pastie.org/1433800 and can also check the code below:

        $(function()
        {
            $('#mi_green_media').bind({

                mouseover : function() 
                {
                    $('#sub_menu_content').css('visibility', 'visible').fadeIn(1000);
                }

            });

            $('#sub_menu_content').bind({

                mouseleave : function()
                {
                    $('#sub_menu_content').css('visibility','hidden').fadeOut(1000);
                }

            });

        }
    );

Answer 1

fadeIn and fadeOut automatically set the visibility for you. All you need to do is

$('#sub_menu_content').fadeIn(1000);

and

$('#sub_menu_content').fadeOut(1000);