- 在jQuery中使用展开和收起动画来为菜单添加动画。点击下拉菜单,点击收起菜单。使用slideDown与slideUp方法来实现
- slideDown代表展开动画,slideUp代表收起动画,与show、hide用法一致。第一个参数为动画显示时间,第二个参数为动画显示完毕执行的操作
- 当执行切换时,可以使用slideToggle方法,与toggle方法一致
$("button").eq(0).click(function () {
$("div").slideDown(1500, function () {
alert("下拉动画完毕")
})
})
$("button").eq(1).click(function () {
$("div").slideUp(1500)
})
$("button").eq(2).click(function () {
$("div").slideToggle(1500)
})