Bootstrap，modal with link and data-content单击关闭当前模式并显示另一个模式？

<a href="#" data-toggle="modal" data-target="#modal1">Link 1</a>
<a href="#" data-toggle="modal" data-target="#modal2">Link 2</a>

<div class="modal fade" id="modal1">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- 模态框1的内容 -->
      <div class="modal-body">
        <h4>Modal 1 Content</h4>
        <p>This is the content of modal 1.</p>
        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#modal2">Open Modal 2</a>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="modal2">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- 模态框2的内容 -->
      <div class="modal-body">
        <h4>Modal 2 Content</h4>
        <p>This is the content of modal 2.</p>
        <a href="#" data-dismiss="modal">Close</a>
      </div>
    </div>
  </div>
</div>