AMP: переключить класс CSS в списке усилителей?

Question

Если я хочу переключать содержимое в списке усилителей, я следовал инструкциям следующего поста: AMP: простой способ переключения класса CSS? и работает нормально.

Проблема в том, что я нахожусь в "списке усилителей", и я хочу открыть только определенный контент, на который я нажал, а не все содержимое списка.

Это код:

    <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>

у тебя есть идея как это сделать? Спасибо