jQuery 效果 slideToggle() 方法
jQuery 效果 slideToggle() 方法
slideToggle() 方法通過使用滑動效果(高度變化)來切換元素的可見狀態(tài)。
如果被選元素是可見的,則隱藏這些元素,如果被選元素是隱藏的,則顯示這些元素。
1. 語法
$(selector).slideToggle(speed,callback)
參數 | 描述 |
---|---|
speed |
可選。規(guī)定元素從隱藏到可見的速度(或者相反)。默認為 "normal"。 可能的值:
在設置速度的情況下,元素在切換的過程中,會逐漸地改變其高度(這樣會創(chuàng)造滑動效果)。 |
callback |
可選。toggle 函數執(zhí)行完之后,要執(zhí)行的函數。 如需學習更多有關 callback 的內容,請訪問我們的 jQuery Callback 這一章。 除非設置了 speed 參數,否則不能設置該參數。 |
2. 范例
通過使用滑動效果,在顯示和隱藏狀態(tài)之間切換
元素:
$(".btn1").click(function(){ $("p").slideToggle(); });
3. 提示和注釋
提示:如果元素已經隱藏,則該效果不產生任何變化,除非規(guī)定了 callback 函數。
4. - 范例
相關文章
- jQuery 事件
- jQuery 效果 隱藏和顯示
- jQuery 獲取并設置 CSS 類
- jQuery 參考手冊 遍歷
- jQuery 參考手冊 核心
- jQuery 事件 delegate() 方法
- jQuery 事件 error() 方法
- jQuery 事件 isDefaultPrevented() 方法
- jQuery 事件 preventDefault() 方法
- jQuery 事件 target 屬性
- jQuery 事件 timeStamp 屬性
- jQuery 事件 mouseleave() 方法
- jQuery 事件 one() 方法
- jQuery 事件 trigger() 方法
- jQuery 遍歷 first() 方法
- jQuery 遍歷 is() 方法
- jQuery ajax getScript() 方法
- jQuery CSS 操作 offsetParent() 方法
- jQuery 效果 stop() 方法
- jQuery :input 選擇器