這是一個示例：
<html><head><script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script><script type="text/javascript">$(document).ready(function(){$(".btn1").click(function(){$("p").toggle(); //toggle()方法進行顯示隱藏交互事件，如果顯示的就進行隱藏，如果是隱藏的就顯示});$(".btn2").toggle(2000,function(){$(".div2").toggle(); //callback});});</script></head><body><p>This is a paragraph.</p><button class="btn1">Toggle</button><button class="btn2">Toggle2</button><div class="div1">http://www.cnblogs.com/sosoft/</div><div class="div2" style="display:none">柔成</div></body></html> 示例中用到的toggle()方法：
toggle() 方法切換元素的可見狀態。如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。
語法$(selector).toggle(speed,callback,switch)
PS：該效果適用于通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。
以上所述是小編給大家介紹的使用jQuery的toggle()方法對HTML標簽進行顯示、隱藏的方法(示例)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
