在網(wǎng)頁(yè)設(shè)計(jì)中，常常需要有隱藏或顯示菜單欄的需求，如滑動(dòng)菜單、下拉菜單等等。而jQuery是一個(gè)廣泛被使用的JavaScript框架，它提供了很多方便的方法來實(shí)現(xiàn)菜單欄的隱藏與顯示。

首先，在HTML中創(chuàng)建一個(gè)菜單欄的div和一個(gè)按鈕的div：

<div id="menu">
<ul>
<li>菜單1</li>
<li>菜單2</li>
<li>菜單3</li>
</ul>
</div>
<div id="btn">顯示/隱藏菜單</div>

接著，在jQuery中寫入以下代碼：

$(document).ready(function(){
$("#btn").click(function(){
$("#menu").toggle();  //隱藏或顯示菜單欄
});
});

代碼解釋：

• 當(dāng)文檔加載完成后，執(zhí)行這段代碼。
• 當(dāng)點(diǎn)擊按鈕div時(shí)，執(zhí)行函數(shù)。
• 使用toggle()方法，即隱藏或顯示菜單欄。

這樣就實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的隱藏顯示菜單欄的功能。如果想要讓菜單欄滑動(dòng)或者下拉，可以使用slideToggle()和slideDown()等方法。