<請注意，以下文章僅供參考，實際寫法可能存在差異>隨著前端開發日漸成熟，越來越多的網站要求提供多級折疊菜單。如何實現多級折疊菜單呢？今天我們來介紹一種使用CSS的方法。 在CSS中，我們可以使用ul和li標簽來實現菜單效果。具體來說，ul表示一組項（如菜單），li表示其中的一個選項。結合CSS的樣式，我們可以輕松實現多級折疊菜單。 下面是一個示例代碼：

ul {
list-style: none;  /* 去除默認列表樣式 */
padding: 0;        /* 去除內邊距和外邊距 */
margin: 0;
}
li {
position: relative; /* 設為相對定位 */
padding-left: 20px; /* 左側留出空隙 */
cursor: pointer;    /* 鼠標變為手型 */
}
li:before {
content: "+";       /* 初始狀態為加號 */
position: absolute; /* 絕對定位在左側 */
left: 0;
top: 0;
}
li.collapsed:before {
content: "-";       /* 當子項展開時，切換為減號 */
}
ul ul {
display: none;      /* 初始狀態下，所有子項隱藏 */
margin: 0;
padding-left: 20px;
}
li.collapsed ul {
display: block;     /* 當子項展開時，顯示子項內容 */
}

以上代碼實現了一個折疊菜單的效果。當用戶點擊菜單項時，如果該項有子菜單，那么會切換子菜單的顯示和隱藏。 需要注意的是，以上代碼實現的折疊菜單只支持兩級嵌套。如果你需要實現更深層次的菜單，需要對代碼進行調整。例如可以為每個ul標簽增加一個class，來表示該菜單屬于哪一級別。同時，需要對li.collapsed的樣式進行修改，保證在多級菜單中也能正確展示。 多級折疊菜單可以讓網站的信息結構更加清晰，方便用戶查看。在實現時，只需要用到CSS和少量的HTML代碼，因此非常輕量級。如果你正在開發一個需要折疊菜單的網站，不妨嘗試使用以上代碼來實現多級折疊菜單效果。