Jquery实现显示和隐藏的4种简单方式_jquery
程序员文章站
2022-04-25 23:35:49
...
Html代码：
Jquery代码：
第一种实现方式：
1.
第二种实现方式：
2.
第三种实现方式：
可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。
3.
第四种实现方式：
toggle如果有两个参数，并且都是函数，表示第一次点击执行第一个函数，第二次点击执行第二个函数。
4.
复制代码 代码如下:
学习天地
- 1111111111
- 2222222222
- 333333333
- 4444444444
- 5555555555
- 6666666666
Jquery代码：
第一种实现方式：
复制代码 代码如下:
1.
第二种实现方式：
复制代码 代码如下:
2.
第三种实现方式：
可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。
复制代码 代码如下:
3.
第四种实现方式：
toggle如果有两个参数，并且都是函数，表示第一次点击执行第一个函数，第二次点击执行第二个函数。
复制代码 代码如下:
4.
下一篇： php写的设置过滤及保留属性的类