jQuery 3 的 Toggle 功能是一項非常方便的功能，它使得在 HTML 頁面中切換元素的可見性非常簡單。

Toggle 實際上是一種快捷方式，執行的具體操作取決于元素當前的狀態。如果當前元素是可見的，則執行隱藏操作，反之亦然。

通過下面的代碼可以更好地理解：

$("#btn1").click(function(){
$("#div1").toggle();
});

上面的代碼中，當按鈕 btn1 被點擊時，它將觸發一個事件，該事件將調用 toggle 方法。這個方法會切換一個擁有 id “div1”的元素的可見性。

在默認情況下，Toggle 僅僅切換元素的顯示狀態。但是，可以設置一些選項，以控制 Toggle 的操作。以下是一些可選的選項：

• duration：規定 Toggle 的動畫執行時間（以毫秒為單位）。
• easing：規定 Toggle 的動畫效果。
• complete：規定當 Toggle 操作完成時要執行的函數。

以下是一個示例代碼，演示如何使用選項來控制 Toggle 的行為：

$("#btn2").click(function(){
$("#div2").toggle(1000, "swing", function(){
alert("The toggle is finished!");
});
});

上面的代碼中，我們向 toggle 方法添加了一些選項，以控制其行為。當按鈕 btn2 被點擊時，元素由“div2”變為可見狀態，采用 1000 毫秒的時間，使用默認的 swing 動畫效果，并在 Toggle 操作完成后，顯示一個彈出對話框。

總之，Toggle 功能是一項非常方便的功能，可以幫助我們輕松切換元素的可見性，并通過設置選項來控制其行為。