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("隐藏");
- })
- });
- });