Question

我试图隐藏一个完美运行的div而不是它立即消失我想使用jQuery slide用一点动画来隐藏它。

$(".hide-reply").click(function(){
    $(this).closest('.media').find('.reply-body').hide();
});

我尝试将行更改为（根据jQuery文档） -

$(this).closest('.media').find('.reply-body').hide("slide", { direction: "up" }, 100);

但这引发Uncaught TypeError: n.easing[this.easing] is not a function 我不确定我是否理解这个错误。

Answer 1

尝试使用.animate()，将height设为0

＆＃13;

$("div").animate({
  height:0
}, 1000);

＆＃13;

div {
  width:100px;
  height:100px;
  background:blue;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>

<div></div>

＆＃13;

Answer 2

您可以在项目中使用.slideUp(100);

Answer 3

＆＃13;

$('div').mouseover(function(){



$(this).slideUp();
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>Hover <br> over <br> me <br></div>

＆＃13;