在網頁設計中，常常需要有隱藏或顯示菜單欄的需求，如滑動菜單、下拉菜單等等。而jQuery是一個廣泛被使用的JavaScript框架，它提供了很多方便的方法來實現菜單欄的隱藏與顯示。

首先，在HTML中創建一個菜單欄的div和一個按鈕的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();  //隱藏或顯示菜單欄
});
});

代碼解釋：

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

這樣就實現了一個簡單的隱藏顯示菜單欄的功能。如果想要讓菜單欄滑動或者下拉，可以使用slideToggle()和slideDown()等方法。