選項卡折疊，可以讓網頁更加美觀，同時也增加了用戶體驗。使用 jQuery，可以很方便地實現這一功能。

首先，我們需要在 HTML 中創建一個包含選項卡標題和內容的容器。比如：

<div class="tabs">
<ul class="tab-titles">
<li class="active">Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
</ul>
<div class="tab-content active">
<p>This is Tab 1 content.</p>
</div>
<div class="tab-content">
<p>This is Tab 2 content.</p>
</div>
<div class="tab-content">
<p>This is Tab 3 content.</p>
</div>
</div>

注意，我們用 class="active" 來表示當前活動的選項卡和內容。

接下來，在 JavaScript 中，我們可以編寫以下代碼：

$(document).ready(function() {
$('.tabs .tab-titles li').click(function() {
var tab_id = $(this).attr('data-tab');
$('.tabs .tab-titles li').removeClass('active');
$('.tabs .tab-content').removeClass('active');
$(this).addClass('active');
$("#" + tab_id).addClass('active');
})
})

這段代碼的作用如下：

• 當用戶點擊選項卡標題時，獲取該選項卡對應的內容 ID（通過 data-tab 屬性）。
• 移除所有選項卡和內容的 active 類，以便顯示當前選項卡的對應內容。
• 將當前選項卡和對應內容添加 active 類，以便顯示它們。

最后，我們可以在 CSS 中添加樣式來美化選項卡折疊效果。

以上就是使用 jQuery 實現選項卡折疊的方法。