在網站設計中，二級導航菜單的展示方式非常常見，但有時候我們希望在一定條件下將其隱藏。這時候就需要使用CSS技術來實現。 要隱藏二級導航菜單，我們需要定位到對應的HTML元素，通常是一個具有子元素的菜單容器。例如：

<ul class="nav-menu">
<li>菜單項1</li>
<li>菜單項2
<ul class="sub-menu">
<li>子菜單項1</li>
<li>子菜單項2</li>
</ul>
</li>
<li>菜單項3</li>
</ul>

在這個例子中，我們希望隱藏子菜單項1和子菜單項2，那么我們就需要對類名為“sub-menu”的ul元素進行樣式設置。 例如，我們可以使用下面的CSS代碼來實現：

.sub-menu {
display: none; /* 初始值為隱藏 */
}
.nav-menu li:hover .sub-menu {
display: block; /* 鼠標移入時顯示 */
}

這段CSS代碼中，我們首先設置了類名為“sub-menu”的元素的“display”屬性為“none”，這樣它就默認是隱藏的。 然后，我們使用了CSS的:hover偽類來監聽鼠標移入操作。當鼠標移入菜單項時，我們將“sub-menu”的“display”屬性設置為“block”，這樣子菜單就會顯示出來。 與此對應的，當鼠標離開菜單時，“sub-menu”就會再次隱藏。這樣就實現了隱藏二級導航菜單的效果。 通過這種方式，我們可以輕松地實現隱藏二級導航菜單的需求。這種技術在網站設計中非常有用，可以提高網站的可訪問性和用戶體驗。