租用问题

质量为本、客户为根、勇于拼搏、务实创新

< 返回租用问题列表

jQuery中slidedown与slideup方法用法示例

发布时间:2023-08-16 07:52:38

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();
});
});
```