JQuery上拉下拉效果

开发工具与关键技术：dw，html+css3
作者：邓伟征 ；年级：18级 ；撰写时间：2019 年 4月 1 日

      slideDown:通过向下增大改变高度来显示所有匹配的元素，从而完成一个回调函数

方法：slideDown([speed],[easing],[fn])
Speed:表示动画运动时间一般默认值为毫秒
easing:动画切换效果
fn：在动画完成时执行的函数，每个元素执行一次。
$("#btnDown").click(function () {
$(".one “).slideDown(3000);//执行动画时间3000毫秒
});
点击下拉按钮完成下拉效果，见截图

slideUp跟slideDown差不多，不同的是slideDown通过向下增大改变高度，slideUp通过向上增大改变高度，正好相反
$(”#btnUp").click(function () {
$(".one").slideUp(3000);
});

通过slideDown和slideUp两种相反的切换方法，可以完成上拉下拉的切换效果，通过slideToggle用滑动动画显示或隐藏一个匹配元素，通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。
$("#btnToggle").click(function () {
$(".one,.two").slideToggle(3000);
});