html+css页面左侧菜单栏点击按钮显示隐藏

你可以使用 JavaScript 来实现左侧菜单栏点击按钮显示和隐藏。具体的实现步骤如下：

1. 首先，你需要在 HTML 中创建一个按钮和一个菜单栏。例如：

<button id="menu-btn">菜单</button>
<div id="menu">
  <ul>
    <li>菜单项1</li>
    <li>菜单项2</li>
    <li>菜单项3</li>
  </ul>
</div>

2. 接下来，你需要使用 CSS 来设置菜单栏的样式，并将其隐藏起来。例如：

#menu {
  display: none;
}

#menu li {
  list-style: none;
  padding: 10px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
}

3. 最后，你需要编写 JavaScript 代码来实现点击按钮显示或隐藏菜单栏。例如：

var menuBtn = document.getElementById("menu-btn");
var menu = document.getElementById("menu");

menuBtn.addEventListener("click", function() {
  if (menu.style.display === "none") {
    menu.style.display = "block";
  } else {
    menu.style.display = "none";
  }
});

这样，当你点击按钮时，菜单栏就会显示出来。再次点击按钮，菜单栏就会隐藏起来。