2015-11-09 2 views
1

У меня есть это Bootply, и он работает так, как я хочу, за исключением того, что когда скрытый div fadeIn, он перезагружается снова и снова, когда я его наводил.jQuery fadein div reload несколько раз

Я хочу, чтобы я двигал мышью на нем, чтобы быть стабильным и не перезаряжать несколько раз. Любые предложения?

JQuery код

$(document).ready(function() { 
    $('h5').hover(function() { 
    $(this).siblings('.hidd').stop(true, true).fadeIn(); 
    }, 
    function() { 
    $(this).siblings('.hidd').fadeOut(); 
    }); 
}); 
+0

ваш код работает отлично https://jsfiddle.net/z5w4d46u/ – BenG

+0

@ BG101 проверить ссылку, он отвечал, что это на самом деле не работает там лол –

+0

@Arsh Touche ... :) – BenG

ответ

1

Попробуйте это, .hidd показывает выше h5 вызывая мышь из h5: -

$(document).ready(function() { 
    $('h5').mouseover(function() { 
    $(this).siblings('.hidd').stop(true, true).fadeIn(); 
    }); 
    $('.hidd').mouseout(function() { 
    $(this).fadeOut(); 
    }); 
}); 

сейчас, когда .hidd показывает Infront событие MouseOut будет стрелять в отпуск от этого.

Смежные вопросы