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>