jQuery Mobile 是一個方便易用的移動應用程序框架，它可以讓您快速輕松地創建移動應用程序。其中一個眾所周知的功能是可折疊部分。

可折疊部分可以幫助您將大塊的信息進行分組，以便用戶可以以可點擊的方式展開或折疊這些信息。

在 jQuery Mobile 中創建可折疊部分非常簡單。您只需使用帶有屬性 data-role="collapsible" 的<div>元素即可。以下是一個示例代碼：

<div data-role="collapsible">
<h3>Section 1</h3>
<p>This is the content of section 1.</p>
</div>
<div data-role="collapsible">
<h3>Section 2</h3>
<p>This is the content of section 2.</p>
</div>

在上面的示例中，我們創建了兩個可折疊的部分。這些部分由帶有標題的<h3>元素和內容的<p>元素組成。

您可以通過添加 data-collapsed="true" 屬性來設置默認情況下折疊部分。

<div data-role="collapsible" data-collapsed="true">
<h3>Section 1</h3>
<p>This is the content of section 1.</p>
</div>

另外，您可以通過在可折疊部分中嵌套其他可折疊部分來創建可嵌套的部分。

總之，jQuery Mobile 的可折疊部分是一個非常有用的功能，可以幫助您輕松地組織和呈現信息。