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

来源 : 作者 : admin时间 : 2015-01-28 15:11:33 人气指数 :

导语 jquery调用toggle()方法实现动画切换效果调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素，它的调用格式是：$(selector) toggle(speed,[callback])其中

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

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

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

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

$(function () {

               var $spn = $("#spnTip");

               $("h4").bind("click", function () {

                   $("ul").toggle(300,function(){

                    $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏");

                   })

               });

           });