У меня есть ссылка и на div наведите указатель на div, когда выходите в форму div и свяжите скрыть div с помощью jQuery. У меня есть код для отображения его, как я могу скрыть его, пока я оставляю курсор из этой ссылки и div.this это мой html-код.
<a href="javascript:void(0);" id="show_div">2 items</a>
<div id="dropcart">contents</div>
<script type="text/javascript">
$(document).ready(function(){
$("#show_div").hover(function(){
$("#dropcart").fadeIn();
});
});
$("#show_div").hover(function(){
$("#dropcart").fadeIn();
});
$("#dropcart").mouseleave(function(){
if($("#show_div").is(':hover') === false)
$("#dropcart").fadeOut("fast");
});
EDIT: (для downvoters и OP)
Я не понял этот вопрос. Поэтому мое предложение будет заключаться в использовании тайм-аутов.
.hover(function(){ clearTimeout(window["timeoutVar"]); $("#dropcart").fadeIn(); },function(){window["timeoutVar"]=setTimeout(function(){ $("#dropcart").fadeout(); },50);});
Затем примените этот .hover
к div, также. Таким образом, div будет исчезать после 50-миллисекундной задержки, если пользователь не нависнет над ним, что отменит таймаут (и предотвратит затухание).