定义和用法

slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态(显示/隐藏)。

语法

$(选择器).slideToggle(speed,callback)
参数描述
speed可选。规定动画的速度。默认为 "normal"。可以使用的值:毫秒 (比如 1500),"slow","normal","fast"
callback可选。回调函数

例子 1

使用 slideToggle 切换上下滑动地显示和隐藏元素

<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".btn1").click(function(){
    $("p").slideToggle(1000);
  });
});
</script>
</head><body>
<p>This is a paragraph.</p>
<button class="btn1">点击查看效果</button>
</body>
</html>

问题没有解决?建议您查阅官方文档:http://api.jquery.com/slideToggle/