comportamientos capa div ocultares

[usuarioweb]

hola
Como puedo hacer para que una capa div se oculte cuando el cursor salga de ella

Lo que quiero hacer es lo siguiente:

Tengo 2 capas. capa "A" y capa "B". Cundo pase el cursor en la capa "A" la capa "B" se vuelve visible
y que cuando salga de la capa "B" esta se oculte


lo que no se como hacer es que la capa "B" se oculte

alguna idea??

pregunte en yahoo y me respondieron esto

Hazlo con jQuery:

$(document).ready(function(){
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
$("p").css("display","none");
});
});
Fuente(s):
http://www.w3schools.com/jquery/tryit.as…

pero como soy novato no entiendo exactamente lo que tengo que modificar

de antemano gracias

[pzin]

En Yahoo no habrán oído hablar de CSS.

No hace falta usar JavaScript para lo que pides, es innecesario. Mucho menos aún cargar un framework como jQuery. De hecho, lo que explicas es justamente lo que se hace con un menú desplegable.

Para hacerlo con div's, te bastaría algo así:

Código HTML:

<div id="capa_a">
  Esto es la capa A
 
  <div id="capa_b">
    Capa B!
  </div>
 
</div>
 

Código CSS:

div#capa_a {
  position: relative;
}
div#capa_a:hover div#capa_b {
  display: block;
}
div#capa_b {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}
 

Subí un ejemplo ejemplo funcional.

[usuarioweb]

Gracias por la explicación me salvaste
entonces lo que me faltava era


div#capa_a:hover div#capa_b {
display: block;