Amp html 在另一个安培灯箱上打开的安培灯箱同时关闭两个安培灯箱

我试图打开一个放大器灯箱点击另一个放大器灯箱。但这导致了这两个公司的倒闭。有没有人能给我一个方法，让我一个接一个地打开它们，然后以类似的方式关闭它们

  <div>
    <amp-lightbox id="my-lightbox" layout="nodisplay">
      <div class="lightbox" on="tap:my-lightbox-1" role="button" tabindex="0">
        <h1>First Light box</h1>
      </div>
    </amp-lightbox>
    <amp-lightbox id="my-lightbox-1" layout="nodisplay"role="button" tabindex="1">
      <div class="lightbox">
        <h1>Second Light box</h1>
      </div>
    </amp-lightbox>
    <button on="tap:my-lightbox">
      Open lightbox
    </button>
  </div>

第一灯箱
第二个灯箱
打开灯箱

发生这种情况是因为第一个灯箱失去焦点并因此关闭，还是因为父灯箱关闭并重新渲染子灯箱？ 另外，有没有可能用css来代替amp lightbox，像这样使用

<div>
    
    <amp-lightbox id="my-lightbox" layout="nodisplay">
      <div class="lightbox">
        <button on="tap:my-lightbox.close,my-lightbox-1.open">
            Open Second lightbox
          </button> 
          <button on="tap:my-lightbox.close">
            Close first lightbox
          </button>
        <h1>First Light box</h1>
      </div>
    </amp-lightbox>

    <amp-lightbox id="my-lightbox-1" layout="nodisplay">
      <div class="lightbox">
        <button on="tap:my-lightbox-1.close,my-lightbox.open">
            Close Second lightbox
          </button>   
        <h1>Second Light box</h1>
      </div>
    </amp-lightbox>


    <button on="tap:my-lightbox.open">
      Open first lightbox
    </button>
  </div>

像这样使用

<div>
    
    <amp-lightbox id="my-lightbox" layout="nodisplay">
      <div class="lightbox">
        <button on="tap:my-lightbox.close,my-lightbox-1.open">
            Open Second lightbox
          </button> 
          <button on="tap:my-lightbox.close">
            Close first lightbox
          </button>
        <h1>First Light box</h1>
      </div>
    </amp-lightbox>

    <amp-lightbox id="my-lightbox-1" layout="nodisplay">
      <div class="lightbox">
        <button on="tap:my-lightbox-1.close,my-lightbox.open">
            Close Second lightbox
          </button>   
        <h1>Second Light box</h1>
      </div>
    </amp-lightbox>


    <button on="tap:my-lightbox.open">
      Open first lightbox
    </button>
  </div>


这有效吗？您是否使用yes it is valid@jaygray检查过这是否有效？您是否使用“是”进行了检查@JayGrayvery nice example是否有效，但如果在第一个放大器中设置了一些状态，它将丢失，对吗？不确定您是否可以与我共享示例链接非常好的示例，但如果在第一个放大器中设置了一些状态，它将丢失对吗？不确定您是否可以与我共享示例链接