Tricky delay on mouseover

Question

This is what I have currently:

$(\"#cart-summary\").mouseenter(function () {
    $(\'.flycart\').delay(500).slideDown(\'fast\');
});
$(\".flycart\").mouseleave(f         


        

Answer 1

offer a solution

var mouseenterTimerCart;
var mouseleaveTimerCart;

$(document).on({
    mouseenter: function () {
        if (mouseleaveTimerCart) clearTimeout(mouseleaveTimerCart);
        mouseenterTimerCart = setTimeout(function() {
            $("#head-cart .cart_items").show()
        }, 500);
    },
    mouseleave: function () {
        if (mouseenterTimerCart) clearTimeout(mouseenterTimerCart);
        mouseleaveTimerCart = setTimeout(function() {
            $("#head-cart .cart_items").hide()
        }, 500);
    }
}, "#head-cart .full, #head-cart .cart_items");

will work if the basket is updated dynamically

$("#head-cart").html(...crat-html-block...)