jQuery点击显示隐藏示例教程

jQuery显示隐藏语法

隐藏元素：hide()

示例：

1	$("#test").hide(1000);

显示元素：show()

示例：

1	$("#test").show();

切换显示隐藏：toggle()

显示被隐藏的元素，并隐藏已显示的元素

示例： 

1 2	$("#test").toggle(); $("#test").animate({height:'toggle'});

点击显示隐藏示例

1 2 3 4 5 6 7 8

$('.wdzzz').click(function(){ if($(".wdzzzcom").is(':hidden')) { $('.wdzzzcom').show().end(); } else{ $('.wdzzzcom').hide().end(); } });

释义：点击.wdzzz元素，判断.wdzzzcom是否隐藏，如果真就show()，如果假就hide()