jQuery Slideup/Down 追加问题

Question

$(".item").hover(
  function () {
    $(this).slideDown().append(
            $("<div class=\"attending\">Yes/No</div>")
        );
  }, 
  function () {
    $(this).find("div:last").slideUp().remove();
  }
);

我使用上面的代码在滚动时将 div 附加到元素的底部。我有许多 .item div，每个 div 都会在翻转时将其附加到它们上，但由于某种原因，我无法使向下/向上滑动工作。

有什么想法吗？

Answer 1

$(".item").hover(
    function () {
        var answer = $("<div class=\"attending\">Yes/No</div>").hide();
        answer.appendTo($(this)).slideDown();
    }, 
    function () {
        $(this).find("div:last").slideUp("normal", function() {
            $(this).remove();
        });
    }
);

它不会滑落!

您将错误的子元素附加到错误的元素，并且忘记先隐藏该元素。

它不会向上滑动!

该行开始向上滑动，但不等待动画完成并删除元素。

$(this).find("div:last").slideUp().remove()