當前位置:才華齋>設計>網頁設計>

jquery中toggle方法使用例子

網頁設計 閱讀(7.86K)

今天遇到一個有趣的例子,將它記錄下來。

jquery中toggle方法使用例子

一個一級選單,裡邊有一個二級選單,二級選單是通過錨點來連結頁面元素的。想要實現的效果是當點選錨點時,頁面連結到相應錨點,同時二級選單隱藏,再點選一級選單時,繼續執行。。

其中試了很多種方法都不行,最後通過讀jquery的toggle函式實現了。

//這樣寫可以 $("")le(function(){ $("ent")eToggle(); }); //這樣寫不可以 $("")le(function(){ $("ent")eDown(); },function(){ $("ent")eUp(); }); //這樣寫也可以 $("")k(function(){ $("ent")le("slow"); });

另附上toggle()的.使用說明

toggle(fn,fn)

每次點選時切換要呼叫的函式。

如果點選了一個匹配的元素,則觸發指定的第一個函式,當再次點選同一元素時,則觸發指定的第二個函式。隨後的每次點選都重複對這兩個函式的輪番呼叫。

可以使用unbind("click")來刪除。

返回值

jQuery

引數

fn (Function) : 第奇數次點選時要執行的函式。

fn (Function) : 第偶數次點選時要執行的函式。

示例

對錶格的切換一個類

jQuery 程式碼:

$("td")le( function () { $(this)lass("selected"); }, function () { $(this)veClass("selected"); } );

補充:toggle只有點選的時候好使,hover只是滑鼠移進移出的事件,跟點選沒關係。