Untitled

JQuery FadeIn/Out Only Works One Time
<div id="test" style="opacity: 0; width: 100px; height: 100px; background-color: red;">
</div>

$("#test").mouseenter(function()
                    {
                        $(this).css("opacity","1").fadeIn();
                    });

$("#test").mouseleave(function()
                    {
                        $(this).fadeOut();
                    });

$("#test").mouseenter(function()
    {
        $(this).fadeTo("slow", 1);
    });

$("#test").mouseleave(function()
    {
        $(this).fadeTo("slow", 0);
    });