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/

希望对你有帮助