基于元素所在的位置触发jQuery

Question

我怀疑这很简单，但我找不到答案。

我想使用jQuery在用户将鼠标悬停在元素上时慢慢删除元素，然后在用户将鼠标移离元素WAS时将其放回原处。现在，删除元素的行为会立即触发回放事件，我不希望它发生。使用jQuery有一种简单的方法吗？

    $("#id").hover(function(){
    $(this).hide("slow");
    });

    $("#id").mouseleave(function(){
    $('#id1').show("slow");
    });

我确信你可以使用CSS使其不可见，并将其从常规文档流等中删除，但我想知道是否有更简单的方法。

Answer 1

您可以切换不透明度并获得您想要的相同结果：

$("#id").mouseenter(function(){
$(this).animate({opacity:0});
});

$("#id").mouseleave(function(){
$(this).animate({opacity:1});
});