jQuery 高级悬停和淡入功能

Question

有没有可能是我劳累过度，在寻找一个相当原始的问题:)我有以下 HTML 代码:

<h1 class="cloud"><a>bla</a></h1>
<div class="caption">
 <img ...../> etc
</div>

jQuery

$(".cloud").hover(function() {
    var pos = $(this);
    var position = pos.position();
    $(this).next().css({ 'top' : position.top+45});
    $(this).next().css({ 'left' : position.left+12});
    $(this).next().slideDown("slow");
  } , function() {
    $(this).next().slideUp("slow");
});

我需要使 DIV 在鼠标放在其上时不会淡出。因此，在移动到H1后，当鼠标移动到DIV时，当鼠标移开时将保持打开状态(H1除外)，以便它淡入。

Answer 1

也许不完全是你正在寻找的东西，但如果你将你的 html 包裹在 div 周围，你就可以处理它。这是一个例子:http://jsfiddle.net/vmHaf/1/

希望有帮助