2024年2月7日发(作者：)

jQuery toggle和slideToggle

jQuery中的 toggle和slideToggle 方法，都可以实现对一个元素的显示和隐藏。强大啊~

区别是：

toggle：动态效果为从右至左。横向动作。

slideToggle：动态效果从下至上。竖向动作。

so，比如想实现一个树由下至上收缩的动态效果，就使用slideToggle就ok了。

此外，toggle和slideToggle 还有一些参数可以设置，具体看jQuery的API就可以了~

/toggle/

/slideDown/

一个slideToggle的例子：

[html]view plaincopyprint?

1.

2.

3.

4.

5.

6. 测试

7.

14.

15.

16.

17.

    18.

    栏目1

    19.

    20.

    栏目11

    21.

    22.

  • 栏目111

    • 23.

  • 栏目112

    • 24.

    栏目1121

    25.

    栏目1122

    26.

    栏目1123

    27.

    栏目1124

    28.

    29.

  • 栏目113

    • 30.

    31.

    32.

    栏目2

    33.

    34.

    栏目21

    35.

    栏目22

    36.

    37.

  • 栏目221

    • 38.

    39.

    40.

    栏目3

    41.

    42.

    栏目31

    43.

    栏目32

    44.

    45.

46.

47.

48.