標簽來定義菜單項的鏈接地址。如下所示：<ul class="menu">
<li>菜單項1
<ul class="submenu">
<li><a href="#">子菜單1</a></li>
<li><a href="#">子菜單2</a></li>
</ul>
</li>
<li>菜單項2</li>
<li>菜單項3</li>
</ul>
以上代碼實現的是一個帶有子菜單的菜單項1。
接下來我們需要在CSS代碼中實現菜單欄的樣式和折疊效果。首先，為菜單欄和子菜單設置基本樣式：.menu {
list-style: none;
padding: 0;
margin: 0;
}
.submenu {
display: none;
}以上代碼中，我們將菜單欄和子菜單的樣式設置為無序列表，去掉了默認的樣式；將子菜單設置為不可見。
接下來，我們需要為菜單添加鼠標懸停事件，實現子菜單的展開和折疊效果：.menu li:hover .submenu {
display: block;
}
.submenu li {
width: 200px;
}以上代碼實現了當鼠標懸停在菜單項上時，子菜單的顯示效果。同時，為了讓子菜單更好地展示，我們還設置了子菜單的寬度為200像素。
最后，我們還可以對菜單項和子菜單進行進一步的美化，比如添加背景色、邊框、圓角等效果。
綜上所述，通過CSS代碼實現二級菜單欄折疊效果并不難，只需要熟練掌握基本的HTML和CSS語法，就能輕松完成。