Si lo que buscas es mostrar/ocultar al elemento
document.getElementById("txt")
al posar/quitar el cursor del mouse del elemento
document.getElementById("visib")
, solo tienes que hacer esto:
Código Javascript
:
Ver originalvar visib = document.getElementById("visib"),
txt = document.getElementById("txt");
visib.addEventListener("mouseover", function(){
txt.style.visibility = "visible";
}, false);
visib.addEventListener("mouseleave", function(){
txt.style.visibility = "hidden";
}, false);
DEMO
Aunque esto también puedes hacerlo con CSS:
Código CSS:
Ver original#txt{
visibility: hidden;
}
#visib:hover ~ #txt{
visibility: visible;
}
DEMO
Particularmente, me decantaría por la segunda opción ya que, además de ahorrar algunas líneas de código, funcionará incluso si el usuario desactiva JavaScript de su navegador.
Saludos