jQuery是現代Web開發中的一種非常流行的JavaScript庫，它可以極大地簡化前端開發的過程。其中之一的特性就是選擇器，我們可以使用選擇器來獲取DOM中的元素，也可以利用選擇器來操作這些元素。而其中的折疊效果也是非常常見的一個功能，我們可以利用jQuery選擇器來實現。

// HTML代碼：
<div class="box">
<h2 class="header">標題一</h2>
<div class="content">內容1</div>
<h2 class="header">標題二</h2>
<div class="content">內容2</div>
<h2 class="header">標題三</h2>
<div class="content">內容3</div>
</div>
// CSS代碼：
.box .content {
display: none;
}
// JS代碼：
$(document).ready(function() {
$('.header').click(function() {
$(this).next('.content').slideToggle(500);
});
});

在上面的代碼中，我們首先使用CSS將內容的顯示設置為隱藏。然后，在JavaScript中使用jQuery選擇器找到所有的標題元素，并為其添加了一個點擊事件處理函數。當點擊標題時，jQuery選擇器根據事件源找到下一個兄弟元素（即當前標題元素的下一個div.content元素），并通過slideToggle()方法將其折疊或展開。

通過這樣的方式，我們可以輕松地為元素添加折疊效果，節省了我們大量的開發時間。