Como mostrar elemento si el mosue se mueve por encima de él yOcultarlo si no se mueve

[walterdevel]

Perdón, mala interpretación del problema XD:

con jquery:

Código HTML:

<div id="midiv1" style="width: 200px;height:200px;background:#ff1188"></div>
<div id="midiv2" style="display:none;width: 200px;height:200px;background:#ff0044"></div>
 

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    unbindAndBind($("#midiv1"), $("#midiv2"));
});
 
 
function unbindAndBind(obj1, obj2) {
    $(obj1).unbind("mouseover");
    setTimeout(function(){
         $(obj1).mouseover(function(){
           $(this).hide();
           $(obj2).show();
           unbindAndBind(obj2, obj1);
         });
     }, 2000);
}
</script>