我想使用amp-bind进行切换和展开单节导航

Question

我想使用amp-bind进行全局导航。
要求

1. 在单击项目时切换（如果关闭则打开，如果打开则关闭）
2. 单击项目B时，除项目B之外的所有项目均已关闭

在下面的示例中（模仿选项卡），可以实现第二个要求，但不能满足第一个要求。

<amp-state id="menu">
  <script type="application/json">
  {
    "index": 0
  }
  </script>
</amp-state>

<p [text]="'index is ' + (menu.index + 1)">index is …</p>

<ul>
  <li>
    <button on="tap:AMP.setState({menu: {index: 0}})"
    [aria-expanded]="menu.index == 0 ? 'true' : 'false'"
    aria-expanded="true"
    class="trigger">Tab 1</button>
  </li>
  <li>
    <button on="tap:AMP.setState({menu: {index: 1}})"
    [aria-expanded]="menu.index == 1 ? 'true' : 'false'"
    aria-expanded="false"
    class="trigger">Tab 2</button>
  </li>
</ul>
<div [aria-hidden]="menu.index == 0 ? 'false' : 'true'"
  aria-hidden="false"
  class="content">Content 1</div>
<div [aria-hidden]="menu.index == 1 ? 'false' : 'true'"
  aria-hidden="true"
  class="content">Content 2</div>