No consigo que funcione bien la función para mostrar/ocultar divs. Como son varios divs, al pasar el ratón muestra y oculta todos a la vez (es el ejemplo que pongo), pero yo solo quiero que lo haga sobre el div en el que esté. Creo que tendría que hacerlo usando this, pero no nada...
Código Javascript :
var cajaVisible = true ;
$("div.box li a").hover( controlarCaja ) ;
function controlarCaja () {
if(!cajaVisible) {
$("div.box li a p").stop(false , true).animate( { opacity: "hide", bottom:"-33" } , 500) ;
cajaVisible = true ;
}
else {
$("div.box li a p").stop(false , true).animate( { opacity: "show", bottom:"0" } , 600) ;
cajaVisible = false ;
}
};
Código HTML :
<div class="box"> <ul> <li> <a href:"#"> <img src="img/icon.png"> <p>lorem ipsum</p> </a> </li> <li> <a href:"#"> <img src="img/icon.png"> <p>lorem ipsum</p> </a> </li> <li> <a href:"#"> <img src="img/icon.png"> <p>lorem ipsum</p> </a> </li> </ul> </div>
