物化中模态的模态

Question

我有模态弹出窗口，在那个模态弹出窗口中，我想要另外一个模态弹出窗口（较小的模态）。我的代码如下

点击第一模态的事件

<!-- Modal Trigger -->
  <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

我的模态

 <!-- Modal Structure -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
      <a href="modal2" class=" modal-action modal-close waves-effect waves-green btn-flat modal-trigger">Agree</a>
    </div>
  </div>

我想在点击“同意”按钮后显示我的第二个弹出模式，我的第二个模态如下。

<!-- Modal Structure -->
      <div id="modal2" class="modal">
        <div class="modal-content">
          <p>Thank you</p>
        </div>
      </div>

当我打开第一个弹出窗口时，我无法打开第二个弹出窗口。如何使用materialize UI在弹出模式上实现弹出模式？