Question

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()注释掉的话，无论是收回还是下拉都没有缓慢的效果。怎么实现元素下拉和收回都是缓慢动画的效果？

Answer 1

A、jquery hide()方法

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

B、jquery  slideUp()方法

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

C、总结：

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

Answer 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:在动画完成时执行的参数（即回调函数），可选

Answer 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()方法无关