Mantener div

[MaNuX0218]

Tengo un carrito echo y cuando el mouse por encima me muestra un div oculto y también cuando quito el mouse se cierra el div, pero quiero hacer que si mantengo el mouse encima de ese div siga mostrandose, como podria hacerlo, tengo esto:

Código Javascript:

function MostrarCarro(){
$("#mostrar_carrito").fadeIn(300);
}
function OcultarCarro(){
$("#mostrar_carrito").fadeOut(500);
}
function MantenerCarro(){
document.getElementById("mostrar_carrito").style.display = "block";
}
 

La idea es en MantenerCarro activa si está encima el mouse, pero que si lo saco de ese div se cierre, pero si lo muevo al boton se siga mostrando, nose si se me entiende.

Saludos.

[robertgt90]

Puedes enseñarnos algo mas de código para ver el comportamiento de tu Script?

[Alexis88]

Si estás usando jQuery, puedes echar mano del método hover, aunque también podrías hacerlo con JS nativo, usando los eventos mouseover y mouseout.

Saludos

[MaNuX0218]

Si estoy utilizando mouseover...

<div onMouseOver="MostrarCarro();" onMouseOut="OcultarCarro();"></div>

Eso seria para mostrar y ocultar.

Y este seria para mantenerlo que ahora mismo utilizo mouseleave pero no es lo que quiero.

<div id="mostrar_carrito" style="display:none" onMouseLeave="MantenerCarro();"></div>

Saludos.