如何使用.toggle函數？

Question

我正在嘗試使用.toggle波紋管，但它似乎沒有工作。

我打算髮生的事情是，當您單擊單擊文本時，一個框會從頁面視圖外部進入並水平進入特定位置。當你再次點擊時，它會回到屏幕外的位置。貝婁我剛剛一直在討論垂直高度。但我似乎無法獲得切換功能的工作？

$(document).ready(function() { 

$("#click").toggle(Click1, Click2).click(function Click1() { 
    $(".test").animate({ 
     top: "300px" 
    }); 
}); 

$("#click").click(function Click2() { 
    $(".test").animate({ 
     top: "30px" 
    }); 
}); 

Jsfiddle

Answer 1

.toggle結合.click事件爲您服務。您不要同時致電.toggle和.click。

由於您是如何創建Click1和Click2的功能，因此他們將而不是懸掛在範圍的頂部。變量Click1和Click2僅在內部定義爲，而不在其較高範圍內。 。

你應該像這樣綁定事件：

$("#click").toggle(function() { 
    $(".test").animate({ 
     top: "300px" 
    }); 
}, function() { 
    $(".test").animate({ 
     top: "30px" 
    }); 
});