如何在AMP页面中动态隐藏div容器

<script async src="https://cdn.ampproject.org/v0.js"></script>

<div id="myDiv" [hidden]>要隐藏的内容</div>

<button on="tap:myDiv.toggleVisibility">点击切换显示/隐藏</button>

<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

<amp-state id="myState">
  <script type="application/json">
    {
      "isVisible": false
    }
  </script>
</amp-state>

<amp-bind-macro id="toggleVisibility" arguments="isVisible">
  <script type="application/json">
    {
      "isVisible": "!isVisible"
    }
  </script>
</amp-bind-macro>

<div id="myDiv" [hidden]="myState.isVisible" [class]="myState.isVisible ? 'hidden' : ''">要隐藏的内容</div>