jQuery点击显示隐藏示例教程

jQuery显示隐藏语法

隐藏元素：hide()

示例：

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

显示元素：show()

示例：

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

切换显示隐藏：toggle()

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

示例： 

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

点击显示隐藏示例

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

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