JQuery中的div toggle是一種使元素動態顯示或隱藏的方法。下面我們將通過代碼演示如何使用div toggle。

$(document).ready(function(){
$("#按鈕").click(function(){
$("#內容").toggle();
});
});

上面的代碼演示了如何使用div toggle來實現通過點擊按鈕顯示或隱藏內容。首先，我們需要在頁面內容中添加一個按鈕和一個對應的內容塊。按鈕的id是“按鈕”，內容的id是“內容”。

接著，我們使用jQuery的document.ready方法來確保加載完頁面之后再執行后續操作。在按鈕的click事件中，我們使用了.toggle()方法來切換內容的顯示或隱藏。如果內容為隱藏狀態，則顯示它；如果內容為顯示狀態，則隱藏它。

使用div toggle方法可以為網頁帶來更好的用戶體驗。例如，當我們需要展示某些信息時，可以使用div toggle來隱藏不必要的內容，讓頁面顯得更加清晰簡潔。