div如何使用aria-expanded属性

`aria-expanded`是一个用于无障碍技术（如屏幕阅读器）的HTML属性，它描述了元素在其容器内容中的展开状态。当你在一个折叠菜单、下拉列表或其他可以切换显示状态的内容上使用`div`时，这个属性非常有用。

例如，在一个点击展开的菜单上：

<div id="myMenu" role="menu" aria-expanded="false">
  <button type="button" onclick="toggleMenu()">展开</button>
  <ul>
    <!-- 列表项 -->
  </ul>
</div>

<script>
function toggleMenu() {
  var menu = document.getElementById('myMenu');
  if (menu.getAttribute('aria-expanded') === 'false') {
    menu.setAttribute('aria-expanded', 'true');
  } else {
    menu.setAttribute('aria-expanded', 'false');
  }
}
</script>

在这个例子中，当按钮被点击时，`aria-expanded`会被设置为`true`表示菜单已展开，反之则表示菜单折叠。`aria-expanded`的值可以是`true`（展开）、`false`（折叠）或`undefined`（初始状态）。