HTML折叠菜单是一个常用的Web开发技术，可以使网站更加有吸引力。以下是一个基本的HTML折叠菜单代码，希望对大家有所帮助。 首先，在HTML中定义实现折叠菜单的元素。在这里，我们使用一个带有四个子元素的div，每个子元素都是一个带有可见和隐藏内容的标签。

<div onClick="toggle_visibility('1')">主要功能</div>
<div id="1">
<p>功能1</p>
<p>功能2</p>
<p>功能3</p>
</div>
<div onClick="toggle_visibility('2')">其他功能</div>
<div id="2">
<p>功能4</p>
<p>功能5</p>
<p>功能6</p>
</div>

然后，我们需要使用JavaScript来实现折叠菜单。以下是可用于切换菜单可见性的JavaScript代码。

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}

以上代码定义了一个功能函数toggle_visibility，该函数使用getElementById方法找到元素，并将其display属性设置为none或block，从而控制其可见性。 将这些代码引入到HTML页面中，并运行Web服务器，就可以从浏览器中检查折叠菜单的工作。