Jquery实现显示和隐藏的4种简单方式_jquery

Html代码：

复制代码 代码如下:

学习天地

• 1111111111


• 2222222222


• 333333333


• 4444444444


• 5555555555


• 6666666666

Jquery代码：
第一种实现方式：

复制代码 代码如下:

1.

第二种实现方式：

复制代码 代码如下:

2.

第三种实现方式：
可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。

复制代码 代码如下:

3.

第四种实现方式：
toggle如果有两个参数，并且都是函数，表示第一次点击执行第一个函数，第二次点击执行第二个函数。

复制代码 代码如下:

4.