v2.5.2
Giriş yap

Jquery ile div de işlem yapılmadığı zaman kapanma

damnman
692 defa görüntülendi

Butona basınca containerımın display i block oluyor eğer mouse um containerımın üstünde değilse containerın 2 saniye sonra display inin none olmasını istiyorum. Ama eğer mouse um containerın üstündeyse containerın sonsuza kadar açık kalmasını istiyorum.

Umarım anlatabilmişimdir. Nasıl yapabileceğim hakkında fikri olan var mı?

damnman
1664 gün önce

@abdullahx slideup yerine fade ile denemeye çalıştım fakat mouse containerın üstünde değilken kapanma olayı çalışmadı sorunum neyden kaynaklı

$("#soundUp").on("click", () => {
    $("#soundSettings").fadeIn(200);
    setTimeout(() => {
         if (!$("#soundSettings:hover").length) $("#soundSettings").fadeIn(200);
    }, 2000);
});
$("#soundSettings").on("mouseleave", function () {
    let kapat = setTimeout(() => {
         $(this).fadeOut(200);
    }, 2000);
    $(this).on("mouseenter", function () {
         clearTimeout(kapat);
    });
});