v2.5.2
Giriş yap

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

damnman
509 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
1216 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);
    });
});