2. 程式人生 > >jQuery 效果 - slideToggle() 方法

jQuery 效果 - slideToggle() 方法

阿新 • • 發佈：2018-01-09
產生 效果 之間 nta ogg 們的 我們 ide 可見

實例

通過使用滑動效果，在顯示和隱藏狀態之間切換 <p> 元素：

1 $(".btn1").click(function(){
2   $("p").slideToggle();
3 });

定義和用法

slideToggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態。

如果被選元素是可見的，則隱藏這些元素，如果被選元素是隱藏的，則顯示這些元素。

語法

$(selector).slideToggle(speed,callback)
參數描述
speed

可選。規定元素從隱藏到可見的速度（或者相反）。默認為 "normal"。

可能的值：

  • 毫秒 （比如 1500）
  • "slow"
  • "normal"
  • "fast"

在設置速度的情況下，元素在切換的過程中，會逐漸地改變其高度（這樣會創造滑動效果）。
callback

可選。toggle 函數執行完之後，要執行的函數。

如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。

除非設置了 speed 參數，否則不能設置該參數。

提示和註釋

提示：如果元素已經隱藏，則該效果不產生任何變化，除非規定了 callback 函數。

jQuery 效果 - slideToggle() 方法

相關推薦

jQuery 效果 - slideToggle() 方法

產生 效果 之間 nta ogg 們的 我們 ide 可見 實例 通過使用滑動效果，在顯示和隱藏狀態之間切換 <p> 元素： 1 $(".btn1").click(function(){ 2 $("p").slideToggle(); 3 }); 定義和

52 jQuery-使用slideToggle()方法的動畫效果自動切換圖片的高度

1.效果圖 2.HTML程式碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>52 jQuery-使用slideToggle()方

jQuery 效果 ——fadeIn() 方法、fadeOut() 方法

fadeIn() 方法定義和用法fadeIn() 方法使用淡入效果來顯示被選元素，假如該元素是隱藏的。語法$(selector).fadeIn(speed,callback)引數描述speed可選。規定元素從隱藏到可見的速度。預設為 "normal"。可能的值：毫秒 （比如

day25css方法 jquery效果 樣式等操作

一、css方法  （）     元素.css("樣式")//獲取樣式（可以獲取行內設定的樣式，也可以獲取上style裡設定的css樣式）     元素.css("樣式","值")//設定樣式 二、方法index（）  獲取當前元素所有序列的下 。 標註：下標包含同級其它

一、jQuery小程式之jQuery效果 顯示和隱藏 fading方法 滑動方法 animate()動畫方法 chaining

 隱藏和顯示： <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="htt

jquery 的顯示隱藏效果 .slideToggle()

定義和用法 slideToggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態。 如果被選元素是可見的，則隱藏這些元素，如果被選元素是隱藏的，則顯示這些元素。 語法 $(selecto

jquery中prop()方法和attr()方法的區別淺析

clas ttr over dex idt pro query selected accesskey jquery1.6中新加了一個方法prop()，一直沒用過它，官方解釋只有一句話:獲取在匹配的元素集中的第一個元素的屬性值。 大家都知道有的瀏覽器只要寫disabled，c

JQuery中$.ajax()方法參數詳解（轉載）

瀏覽器 object 服務器 字符串 false type: 要求為String類型的參數，請求方式（post或get）默認為get。註意其他http請求方法，例如put和 delete也可以使用，但僅部分瀏覽器支持。timeout: 要求為Number類型的參數，設置請求超時時

jQuery的ajax方法：

jsonp on() ajax 格式 scrip err 異步 數據 true $.ajax({ url:‘/comm/test1.php‘, type:‘POST‘, //GET async:true, //或false,是否異步 d

jQuery 事件 bind() 方法

red 分隔 額外 事件處理程序 ack brush bsp 運行 映射 bind() 方法為被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。 $(selector).bind(event,data,function）//語法 event必需。規定添

jQuery 效果 - 淡入淡出

例子 可見 amp llb racket callback ade pac 如果 jQuery fadeIn() 方法 jQuery fadeIn() 用於淡入已隱藏的元素。 語法: $(selector).fadeIn(speed,callback); 可選的 spe

JavaScript教程之jQuery - AJAX load() 方法

ash pre var 段落 相關 對象 esc 選擇 none jQuery - AJAX load() 方法 jQuery load() 方法 jQuery load() 方法是簡單但強大的 AJAX 方法。 load() 方法從服務器加載數據，並把返回的數據放入被選

跨域問題相關知識詳解（原生js和jquery兩種方法實現jsonp跨域）

syn con 加載 developer 兩種方法 ray exe 編寫 分組 1、同源策略 同源策略（Same origin policy），它是由Netscape提出的一個著名的安全策略。同源策略是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽

jQuery效果 - 簡單的手風琴效果

lock siblings lin 不同 反饋 col box spl 的語音 實現效果如圖所示： html結構： <div class="item_box box10"> <div class="item_box_wp">

Jquery獲取元素方法

strong 大小寫 element tex 一個 類選擇器 ast id選擇器 選擇 Jquery 獲取元素的方法分為兩種：jQuery選擇器、jQuery遍歷函數。 1、獲取本身： 　a.只需要一種jQuery選擇器 選擇器 實例 說明 #Id $(‘#

jQuery效果

libs color wid 分享 文本 () height 顯示 .com <script src="//libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>$(do

jQuery的.on方法

tro 定義 paragraph cli one event tip put ont jQuery on()方法是官方推薦的綁定事件的一個方法。 $(selector).on(event,childSelector,data,function,map)由此擴展開來的幾個以

jQuery - DOM 元素方法

但是 html ron sel toa 點擊 實例 rip 選擇 jQuery DOM 元素方法 - get() 方法 實例 獲得第一個 p 元素的名稱和值： <script type="text/javascript"> $(document).ready

jQuery ajax - serialize() 方法

ack rst java rip 定義 asc ext log 字符 定義和用法 serialize() 方法通過序列化表單值，創建 URL 編碼文本字符串。 您可以選擇一個或多個表單元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在

CSS3實現動畫效果常用方法

指定 afa 運動 css過渡 none reserve 更改 事件 keyframes 早期在web中要實現動畫效果，都是依賴於JavaScript或flash來完成，但在CSS3中新增加了一個新的模塊transition，它可以通過一些簡單的css事件來觸發元素的外觀變