jQuery toggle() jQuerytoggle()|jQuery

jQuery toggle()是一种特殊类型的方法, 用于在hide()和show()方法之间进行切换。它显示隐藏的元素并隐藏显示的元素。
句法：

$(selector).toggle(); $(selector).toggle(speed, callback); $(selector).toggle(speed, easing, callback); $(selector).toggle(display);

速度：这是一个可选参数。它指定延迟的速度。其可能的值是慢, 快和毫秒。
缓动：指定用于过渡的缓动功能。
callback：这也是一个可选参数。它指定在toggle()效果完成后要调用的函数。
display：如果为true, 则显示element。如果为false, 则隐藏该元素。
让我们以一个示例来看一下jQuery切换效果。

< !DOCTYPE html> < html> < head> < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> < /script> < script> $(document).ready(function(){ $("button").click(function(){ $("div.d1").toggle(); }); }); < /script> < /head> < body> < button> Toggle< /button> < div class="d1" style="border:1px solid black; padding:10px; width:250px"> < p> < b> This is a little poem: < /b> < br/> Twinkle, twinkle, little star< br/> How I wonder what you are< br/> Up above the world so high< br/> Like a diamond in the sky< br/> Twinkle, twinkle little star< br/> How I wonder what you are< /p> < /div> < /body> < /html>

立即测试
输出：
切换
带有速度参数的jQuery toggle()效果让我们看一下1500毫秒速度的jQuery切换效果的示例。