hover para zoroRoronoa

hover de un div afecte a otro elemento

by cristian_cena

HTML

<div id="zoro">
    <a href="javascript:void(0)">[x]</a>
</div>

CSS

#zoro{
    position:relative;
    width:100px; height:100px;
    background:gray;
}
a{
    display:none;
    position:absolute; top:10px; right:10px;
    background:yellow;
}

JavaScript

// fade (in/out) pasa a block/none el valor de display
$(document).ready(function(){
    $("#zoro").hover(
        function(){
            //en milisegundos
            $("#zoro a").fadeIn(250); 
        },
        function(){
            //con palabra reservada
            $("#zoro a").fadeOut("slow"); 
        }
    );
});