jquery de mouseenter ve fadeIn sorunu

birotuz13 1373 gün önce

371 defa görüntülendi

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)
});

jquery

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (1)

makifgokce

1373 gün önce

$('#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)
});

#006252