首先，我们需要创建一个HTML页面。在这个页面中，我们将添加一个包含内容的DIV元素，以及一个可以展开和关闭内容的按钮。代码如下：

点击展开/关闭 接下来，我们需要添加一些JavaScript代码来实现展开和关闭的功能。我们将这些代码放在script.js文件中。

let content = document.querySelector('.content');function toggle() {if (content.style.display === 'none') {content.style.display = 'block';} else {content.style.display = 'none';}
}

在上面的代码中，我们首先使用“document.querySelector”来获取包含内容的DIV元素，并将其存储在变量“content”中。然后我们定义一个名为“toggle”的函数，该函数将在按钮被点击时调用。

“toggle”函数使用“if”语句来检查内容DIV的“display”属性是否为“none”。如果是，“toggle”函数将设置其“display”属性为“block”，使其显示内容。否则，“toggle”函数将设置其“display”属性为“none”，隐藏其内容。