amp-html - AMP：在 amp-list 中切换 CSS 类？

Question

我想切换 amp 列表中的内容，我按照以下帖子的说明进行操作：AMP：切换 CSS 类的简单方法？，并且工作正常。

问题是我在“amp-list”中，我只想打开我点击的特定内容，而不是所有列表内容。

这是代码：

    <amp-list width="auto" height="1500" layout="fixed-height" src="/SRC/json/box.json" class="m1">
      <template type="amp-mustache" id="amp-template-id">
        <section>
          <h1 tabindex="1" role="tab" on="tap:collapsed.toggleVisibility">
            <!--box1-->
            <div class="box"> 
              <span class="title">
                <span>{{title}}</span> |
                <span>{{title2}}</span>
              </span>                       
            </div
            <!--end box1-->
            <button [text]="visible ? 'Show Less' : 'Show More'" on="tap:AMP.setState({ visible: !visible})">Show More</button>
          </h1>
          <div  [class]="visible ? 'show' : 'hide'" class="hide collapsed" id="{{item}}">
            <div class="content">
              <div class="desc">text text text</div>                     
            </div>
          </div>
        </section>
      </template>
    </amp-list>

你知道怎么做吗？谢谢