jQuery中slidedown与slideup方法用法示例
slideToggle() 方法可以在元素的滑动隐藏和显示之间进行切换。如果元素可见,则隐藏元素,如果元素隐藏,则显示元素。
示例 1:使用 slideDown() 方法展开一个元素
HTML代码:
```
```
JavaScript代码:
```
$(document).ready(function(){
$("#btn").click(function(){
$("#content").slideDown();
});
});
```
示例 2:使用 slideUp() 方法收起一个元素
HTML代码:
```
```
JavaScript代码:
```
$(document).ready(function(){
$("#btn").click(function(){
$("#content").slideUp();
});
});
```
示例 3:使用 slideToggle() 方法切换元素的显示和隐藏
HTML代码:
```
```
JavaScript代码:
```
$(document).ready(function(){
$("#btn").click(function(){
$("#content").slideToggle();
});
});
```