在web開發中，經常會用到jquery菜單隱藏和顯示功能。通常，我們會在菜單項后添加一個圖標，以便用戶在以后再次展開菜單時能夠輕松找到菜單。

下面是一個簡單的示例代碼，展示了如何使用jquery隱藏和顯示菜單，并在菜單項后添加圖標：

// HTML代碼
<ul id="menu">
<li class="parent">
<a href="#">菜單項1</a>
<ul>
<li><a href="#">子菜單項1</a></li>
<li><a href="#">子菜單項2</a></li>
</ul>
</li>
<li class="parent">
<a href="#">菜單項2</a>
<ul>
<li><a href="#">子菜單項1</a></li>
<li><a href="#">子菜單項2</a></li>
</ul>
</li>
</ul>
// CSS代碼
#menu li ul {
display: none;
}
#menu li.parent > a:after {
content: '\25b6'; /*unicode編碼，表示右側箭頭*/
margin-left: .5em;
}
#menu li.parent.open > a:after {
content: '\25bc'; /*unicode編碼，表示下側箭頭*/
}
// jquery代碼
$(function() {
var $menu = $('#menu');
$menu.find('li.parent').on('click', function(event) {
event.stopPropagation();
$(this).toggleClass('open').children('ul').slideToggle(400);
});
});

上面的代碼中，我們首先使用CSS將所有的子菜單設為不可見。接下來，我們使用CSS在菜單項后添加一個箭頭圖標。在jquery部分，我們為所有的父菜單項綁定了一個“點擊”事件，以便在用戶單擊菜單項時顯示或隱藏其子菜單，并在菜單項后添加一個下箭頭或右箭頭。

以上就是一個基本的jquery菜單隱藏后顯示圖標的實現。通過合理的CSS與jquery代碼編寫，可以實現更加復雜的菜單隱藏與顯示效果，使網站或應用程序的UI更加美觀、易用。