jquery de mouseenter ve fadeIn sorunu
info-btn a mouseenter olunca informations fadein oluyor fakat mouse umu info-btn ın içindeki "i" ye getirince fadeout oluyor.
Bunu zaten kodlardan anlamışsınızdır.
info-btn içindeki "i"ye de mouseenter kodu yazmayı denedim fakat bu seferde fadeout olup tekrar faidein oluyordu.
Ben bunun olmamasını istiyorum. mouse um info-btn un içinde kaldığı sürece i ye bile gelse fadeout olmamasını istiyorum.
Umarım anlamışsınızdır. Nasıl yapabilirim. Aklıma bir şey gelmedi.
<div id="info-btn">
<i class="fas fa-info"></i>
</div>
<div id="informations">
<p>deneme yazısı</p>
</div>
$('#info-btn').mouseenter(function() {
$('#informations').fadeIn(400)
});
$('#info-btn').mouseout(function() {
$('#informations').fadeOut(400)
});
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
$('#info-btn').mouseenter(function() {
$('#informations').fadeIn(400)
});
$('#info-btn').mouseleave(function() {
$('#informations').fadeOut(400)
});
// veya
$('#info-btn').on('mouseenter', function() {
$('#informations').fadeIn(400)
});
$('#info-btn').on('mouseleave', function() {
$('#informations').fadeOut(400)
});