[SOLUCIONADO] Selectores

[mdk]

A ver si alguien me sabe decir como al pasar por encima de un div, me muestre otro que tengo oculto, esta es la estructura:

Código:

<div id="base" class="ThumbPos">
	<div id="encima">...contenido...</div>
	<div id="oculto" style="display:none"><img scr="ruta.jpg"></div>
</div>

Para explicarlo mejor, quiero que al pasar por encima del div azul, el div rojo se muestre, el problema es que la id del div rojo, cada vez es diferente, porque se autoasignan con una base de datos y no se como seleccionarlo para hacerle un fadeIn o un fadeOut. El código que tengo para seleccionarlo es:

Código:

$("div.ThumbPos > div").mouseover(function(){
	..contenido..
});

[alyciashape]

No contrlo mucho pero creo que sería algo así:

Código Javascript:

$("#encima").mouseover(function() {
     $(this).next().fadeToggle();
});
 

[alyciashape]

Se me pasó que tendrías que hacer otro fadeToggle al quitar el mouse claro.

[mdk]

Gracias, no había caído en el selector .next()