jQuery是一種非常流行的JavaScript庫，可以大大簡化在Web頁面中完成各種任務的工作。而其中的折疊特性，可以讓我們方便地隱藏或展示頁面的內容。

在HTML頁面中，我們可以使用div元素來劃分不同區域，其中某些區域可以按需隱藏或展示，以節省頁面空間。而通過jQuery，我們只需要使用一些簡單的代碼就可以實現這樣的效果。

// 點擊'折疊'按鈕時，隱藏內容
$("#foldBtn").click(function() {
$("#contentDiv").slideUp();
});
// 點擊'展開'按鈕時，顯示內容
$("#unfoldBtn").click(function() {
$("#contentDiv").slideDown();
});

在上面的代碼中，我們定義了兩個按鈕，分別為'折疊'和'展開'，它們分別綁定了相應的事件處理器。所使用的方法為slideUp()和slideDown()，它們可以將目標元素從上方滑出或向下滑入，從而實現折疊和展開的效果。

此外，我們還可以使用toggle()方法來切換目標元素的狀態。當目標元素處于展開狀態時，再次調用該方法就會隱藏該元素；相反，當目標元素處于關閉狀態時，再次調用該方法則會顯示該元素。

// 切換內容的顯示狀態
$("#toggleBtn").click(function() {
$("#contentDiv").toggle();
});

以上就是使用jQuery實現div折疊效果的方法。通過簡單的代碼編寫，我們可以輕松達到隱藏或展示頁面部分內容的目的，提高了用戶體驗，使頁面更加優雅。