jquery下一個鏈接或div徘徊延遲

Question

我寫了一個代碼，其中一個div出現，如果有人徘徊其他div，我添加了5秒的延遲，所以顯示的div保留，但問題是，我希望它留下，直到下一個鏈接徘徊。意思是我需要第一個div被消失，如果第二個鏈接懸停。

這裏是我現有的代碼JS小提琴鏈接： http://jsfiddle.net/np87e/880/

$(document).ready(function() { 
$("#theLink3").hover(
    function() { 
     $("#theDiv3").slideDown(); 
    }, 
    function() { 
     $("#theDiv3").delay(5000).slideUp(); 
    } 
); 
$("#theLink4").hover(
    function() { 
     $("#theDiv4").slideDown(); 
    }, 
    function() { 
     $("#theDiv4").delay(5000).slideUp(); 
    } 
); 
}); 

Answer 1

你需要調用的div效果基本show（）在接下來的元素的mouseenter回調

$("#theLink3").hover(function() { 
    $("#theDiv4").stop(true, true).slideUp(); 
    $("#theDiv3").slideDown(); 
}, function() { 
    $("#theDiv3").delay(5000).slideUp(); 
}); 

演示：Fiddle

注意：我不喜歡像你所做的那樣寫個人懸停處理程序。所以

<a href="" id="theLink3" class="trigger">hover here</a> 
<div id="theDiv3" class="target">this is the div</div> 
<hr /> 

<a href="" id="theLink4" class="trigger">hover here</a> 
<div id="theDiv4" class="target">this is the div</div> 
<hr /> 

然後

jQuery(function ($) { 
    var $targets = $('.target'); 
    $(".trigger").hover(function() { 
     var $target = $(this).next('.target').stop(true, true).slideDown(); 
     $targets.not($target).stop(true, true).slideUp(); 
    }, function() { 
     $(this).next('.target').stop(true, true).delay(5000).slideUp(); 
    }); 
}); 

演示：Fiddle