.slideDown() / .slideUp() /.slideToggle() ——向下展开 / 向上卷曲 / 展开卷曲来回切换

一、 .slideUp()——向上卷曲

写法：元素.slideUp();

可选参数：

slow —— 600ms

normal——400ms

fast——200ms

改变参数：高度，最终是将display:none

描述：元素向上卷曲直至隐藏

引号：如果是slow等需要加，如果是数字不用加

回调函数：有

$('#div2').slideUp();
$('#div2').slideUp("slow");
$('#div2').slideUp(1000);

 

二、.slideDown()——向下展开

写法：元素.slideDown();

可选参数：

slow —— 600ms

normal——400ms

fast——200ms

改变参数：高度

描述：元素向下展开直至全部显示

引号：如果是slow等需要加，如果是数字不用加

回调函数：有

$('#div2').slideDown();
$('#div2').slideDown("slow");
$('#div2').slideDown(1000);

 

三、.slideToggle()——展开卷曲来回切换

写法：元素.slideToggle();

可选参数：

slow —— 600ms

normal——400ms

fast——200ms

改变参数：高度

描述：元素展开，卷曲来回切换

引号：如果是slow等需要加，如果是数字不用加

回调函数：有

$('#div2').slideToggle();
$('#div2').slideToggle("slow");
$('#div2').slideToggle(1000);