如今，移動端網站越來越常見，而 jQuery Mobile 作為移動端 Web 應用程序的第一選擇， 其獨特的設計風格及友好的用戶交互體驗，備受開發者喜愛。而在 jQuery Mobile 中，二級菜單是一個非常重要的組件，它能夠方便地整合多個子菜單，讓網站更加美觀簡潔。

要創建一個二級菜單，我們需要寫出以下代碼：

<div data-role="panel" id="myPanel">
<ul data-role="listview" data-inset="true">
<li data-role="collapsible">
<h2>主菜單</h2>
<ul data-role="listview">
<li><a href="#">子菜單1</a></li>
<li><a href="#">子菜單2</a></li>
<li><a href="#">子菜單3</a></li>
</ul>
</li>
</ul>
</div>

在這段代碼中，我們使用了 data-role 屬性及 id 屬性來定義了一個 panel，而在該 panel 中，我們又定義了一個包含三個子菜單項的 collapsible，當用戶點擊主菜單時，該 collapsible 會展開顯示三個子菜單項。

需要注意的是，上述代碼中的 listview 用于初始化每個菜單項，并定義了列表中的元素樣式。而 collapsible 用于創建展開菜單，其 data-role 屬性應設置為“collapsible”。