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,每一个都在翻转时附加到它们上面,但由于某种原因我无法完成滑动/上升工作.

有任何想法吗？

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()