Javascript jQuery使用slideup隐藏元素

Javascript jQuery使用slideup隐藏元素,javascript,jquery,Javascript,Jquery,我试图隐藏一个完美工作的div,但不是它立即消失,我想使用jQuery幻灯片用一点动画来隐藏它 $(".hide-reply").click(function(){ $(this).closest('.media').find('.reply-body').hide(); }); 我尝试将行更改为(根据jQuery文档)—— 但是这会抛出一个未捕获的类型错误:n.easing[this.easing]不是一个函数 我不确定我是否理解这个错误。您可以在项目中使用.slideUp(100)

我试图隐藏一个完美工作的div,但不是它立即消失,我想使用jQuery
幻灯片
用一点动画来隐藏它

$(".hide-reply").click(function(){
    $(this).closest('.media').find('.reply-body').hide();
});
我尝试将行更改为(根据jQuery文档)——

但是这会抛出一个
未捕获的类型错误:n.easing[this.easing]不是一个函数
我不确定我是否理解这个错误。

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

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

尝试使用
.animate()
,将
高度设置为
0

$(“div”).animate({
身高:0
}, 1000);
div{
宽度:100px;
高度:100px;
背景:蓝色;
}

尝试使用
.animate()
,将
高度设置为
0

$(“div”).animate({
身高:0
}, 1000);
div{
宽度:100px;
高度:100px;
背景:蓝色;
}

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

悬停在

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

将鼠标悬停在
me
上,为什么不使用
.slideUp()
查看此演示为什么不使用
.slideUp()
查看此演示
$(this).closest('.media').find('.reply-body').hide("slide", { direction: "up" }, 100);