fadeIn fadeOut, no está siendo activado todo el tiempo

Question

Estoy haciendo un .bind básica (), colocando FadeIn y desvanecimiento en mouseover y mouseleave, pero no funciona todas las veces. No encuentro el tema, así que necesito ayuda o una mejor sugerencia para hacer esto. Gracias por mirar, la pastie aquí http://pastie.org/1433800 y también puede comprobar el código de abajo:

        $(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 y fadeOut ajustan automáticamente la visibilidad para usted. Todo lo que necesita hacer es

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

y

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

Answer 2

En lugar de utilizar bind () tratar el método directo () también. que concede un "manejador del evento para todos los elementos que coinciden con el selector de corriente, ahora y en el futuro" texto del enlace