Cita:
Iniciado por Alexis88 ¿Y cómo es que lo has hecho? Si no nos muestras el código actualizado, será imposible seguir ayudándote. De cualquier modo, te sugiero ver los ejemplos que se encuentran en la documentación que te pasé y buscar más en internet.
Y, por favor, para mostrar código, utiliza el highlight que ofrece el foro. Lo puedes encontrar en el combo que se encuentra sobre el área de texto en el que escribes el mensaje.
Saludos
Buenas!, así era como tengo el js, funciona lo que quiero hacer pero esta un poco descontrolado..
Código Javascript
:
Ver original$( "#i1" ).mouseenter(function(i) {
$(".ti1").css({'display': "none"});
$(".cuadro-trans-1").animate({height:"100%"},{duration: 600 });
});
$("#i1").mouseleave(function(e){
$(".cuadro-trans-1").animate({height:"0%"},{duration: 300 });
$(".ti1").css({'display': "inherit"});
});
Le añadi el i.stopPropagation(); en el .mouseleave, pero nada, así que probe con el .stop(), quedo así..
Código Javascript
:
Ver original$( "#i1" ).mouseenter(function(i) {
$(".ti1").css({'display': "none"});
$(".cuadro-trans-1").animate({height:"100%"},{duration: 600 });
});
$("#i1").mouseleave(function(e){
i.stopPropagation();
$(".cuadro-trans-1").animate({height:"0%"},{duration: 300 });
$(".ti1").css({'display': "inherit"});
});
No me funciona..ya busque en Internet y no hubo manera de hacer lo que quiero, y no se cual es la solucion, gracias por tu interes!