jquery中hide 与 slideUp 的区别是什么?

$(".m-treeview > li > span").toggle(function(){ var $ul = $(this).siblings("ul"); $(this).parent().attr("class","m-collapsed"); $ul.stop(true,true).slideUp(600); $ul.hide(); },function(){ var $ul = $(this).siblings("ul"); $(this).parent().attr("class","m-expanded"); $ul.stop(true,true).slideDown(600); //$ul.show(✀slow✀); });上面的代码效果是:ul可以缓慢下拉,但是收回的时候是瞬间收回的,如果把$ul.hide()注释掉的话,无论是收回还是下拉都没有缓慢的效果。怎么实现元素下拉和收回都是缓慢动画的效果?
2026年09月29日 01:52
有3个网友回答
网友(1):

A、jquery hide()方法

    如果被选的元素已被显示,则隐藏该元素。

B、jquery  slideUp()方法

通过使用滑动效果,隐藏被选元素,如果元素已显示出来的话。

C、总结:

hide()和slideUp()方法都会将已显示的元素隐藏。区别在于,后者会有一个滑动的过渡效果。

网友(2):

1. show()方法和hide()方法
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)

2. fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;

3. slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度

4. 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如 {property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选

网友(3):

$(".m-treeview > li > span").toggle(function(){
var $ul = $(this).siblings("ul");
$(this).parent().attr("class","m-collapsed");
$ul.stop(true,true).slideUp(“slow”);
},function(){
var $ul = $(this).siblings("ul");
$(this).parent().attr("class","m-expanded");
$ul.stop(true,true).slideDown(“slow”);
});

这样就可以了 或则 你把600 改大点 这个数值太小 与hide()方法无关