jquery 的顯示隱藏效果 .slideToggle()
阿新 • • 發佈：2019-02-03
定義和用法
slideToggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態。
如果被選元素是可見的，則隱藏這些元素，如果被選元素是隱藏的，則顯示這些元素。
語法
$(selector).slideToggle(speed,callback)
| 引數 | 描述 |
|---|---|
| speed |
可選。規定元素從隱藏到可見的速度（或者相反）。預設為 "normal"。 可能的值：
在設定速度的情況下，元素在切換的過程中，會逐漸地改變其高度（這樣會創造滑動效果）。 |
| callback |
可選。toggle 函式執行完之後，要執行的函式。 如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。 除非設定了 speed 引數，否則不能設定該引數。 |
提示和註釋
提示：如果元素已經隱藏，則該效果不產生任何變化，除非規定了 callback 函式。
程式碼：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("p").slideToggle(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Toggle</button> </body> </html>