Jquery ile div de işlem yapılmadığı zaman kapanma
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ı?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
@abdullahx https://codepen.io/Elessar61/pen/vYmpLmY burdaki kodlardaki css .container ına margin-left 150px koyup tekrar deneyin çalışmadığını göreceksiniz
açılıyor fakat sadece containera mouseenter mouseleave yapınca kapanıyor
@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);
});
});