jquery调用toggle()方法实现动画切换效果

jquery调用toggle()方法实现动画切换效果

调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是：

$(selector).toggle(speed,[callback])

其中speed参数为动画效果时的速度值，可以为数字，单位为毫秒，也可是“fast”、“slow”字符，可选项参数callback为方法执行成功后回调的函数名称。
 

1. $(function () { 
2.                var $spn = $("#spnTip"); 
3.                $("h4").bind("click", function () { 
4.                    $("ul").toggle(300,function(){ 
5.                     $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); 
6.                    }) 
7.                }); 
8.            });