標簽創建一個容器，并且為其指定一個ID屬性，例如：

這是一個伸縮菜單
菜單項 1
菜單項 2
菜單項 3

接下來，我們需要在CSS文件中定義伸縮菜單的樣式。我們可以利用CSS的display屬性，將列表項的顯示狀態設置為none，從而隱藏菜單內容。

#menu ul {
display: none;
}

然后，我們需要使用JavaScript來實現點擊展開菜單的邏輯。可以使用querySelector()方法獲取到伸縮菜單所在的div元素，并且調用其getElementsByClassName()方法獲取到列表元素，再將它們的display屬性設置為block，從而實現展開菜單的效果。

var menu = document.querySelector('#menu');
var list = menu.getElementsByClassName('list');
menu.onclick = function() {
for (var i = 0; i< list.length; i++) {
if (list[i].style.display === 'none') {
list[i].style.display = 'block';
} else {
list[i].style.display = 'none';
}
}
}

最后，我們就成功的創建了一個伸縮菜單，并且實現了展開、收起的功能。 總結一下，HTML中設置伸縮菜單的步驟如下： 1. 為伸縮菜單創建一個包含菜單項的