JQuery 菜單是網頁設計中常見的元素之一。通過 JQuery，可以實現菜單的展開與折疊的交互效果，更加美觀和方便用戶使用。

通過 JQuery，我們可以使用一些簡單的代碼實現菜單的展開與折疊效果。比如以下的代碼：

$(function () {
$('.menu-item-has-children').click(function () {
$(this).toggleClass('open');
});
});

上述代碼通過選擇器選中菜單中有子菜單的項，當點擊這些菜單時，會添加或移除 'open' 類，從而展開或折疊子菜單。

同時，還可以結合 JQuery 動畫效果，使菜單的展開與折疊效果更加流暢。比如下面這段代碼：

$(function () {
$('.menu-item-has-children').click(function () {
$(this).toggleClass('open');
$(this).children('ul').slideToggle();
});
});

上述代碼在菜單展開和折疊時，添加了 slideToggle() 方法，使其具有滑動效果，增加用戶的交互體驗。

總之，通過 JQuery 菜單的展開與折疊交互效果，能夠幫助提高用戶的使用體驗，并簡單美觀地優化網站設計。