在Web頁面中，常常需要使用菜單來實現網站的導航功能。對于較為復雜的菜單，我們可能需要使用jQuery來實現一些美化效果，比如菜單右側的展開收起功能。

下面是實現jQuery菜單右側展開收起效果的代碼：

$(document).ready(function() {
$('.menu-title').click(function() {
$(this).siblings('.menu-content').slideToggle('fast');
});
});

代碼中，我們首先在document ready時執行了一個函數。該函數綁定了菜單標題（.menu-title）的點擊事件。當用戶點擊菜單標題時，我們會選取該標題的兄弟元素（.menu-content），并以快速速度（'fast'）切換該元素的展示狀態（slideToggle()方法）。這樣一來，當用戶點擊菜單標題時，與之對應的菜單內容就會展開或收起。

需要注意的是，在HTML中，我們需要按照一定的規范來編寫代碼，同時也需要添加一些CSS樣式來美化菜單。例如：

<div class="menu">
<div class="menu-title">菜單標題</div>
<div class="menu-content">菜單內容</div>
</div>
.menu-title {
cursor: pointer;
background-color: #ccc;
padding: 8px;
}
.menu-content {
display: none;
background-color: #eee;
padding: 8px;
}

在這段代碼中，我們定義了一個包含菜單標題和菜單內容的div元素，并添加了相應的class及CSS樣式。其中，.menu-title的CSS樣式為鼠標懸浮時會變為手型，并設置了背景色及內邊距；.menu-content的CSS樣式設置了初始狀態下的display為none，并設置了背景色及內邊距。

最終的效果是，當用戶在瀏覽器中打開頁面并點擊菜單標題時，與之對應的菜單內容會展開或收起，達到了很好的用戶體驗效果。