如何关闭两个打开的jquery.reveal.js模式框？

Question

我有一个链接。如果我点击这个链接，第一个模式框将打开。此框中有一个链接。如果我点击第二个链接，新框将打开。问题是：如果我点击第二个盒子的关闭按钮，它将关闭。但之后我无法关闭第一个。我能做什么？请帮帮我！！！

<div id="first_box" class="reveal-modal"> 
      <div class="inner_content"> 
       <h1>Title1</h1> 
       <p>some content</p> 
       <a href="link to the seccond box"> 
      </div> 
      <a class="close-reveal-modal"></a> 
     </div> 

     <div id="seccond_box" class="reveal-modal"> 
      <div class="inner_content"> 
       <h1>Title2</h1> 
       <p>Some caontent.</p> 
      </div> 
      <a class="close-reveal-modal"></a> 
     </div> 

Answer 1

您可以使用此代码，调用触发reveal:close关闭第二

<div id="first_box" class="reveal-modal"> 
    <div class="inner_content"> 
     <h1>Title1</h1> 
     <p>some content</p> 
     <a href="#" data-reveal-id="seccond_box">Open the second modal</a> 
    </div> 
    <a class="close-reveal-modal">X</a> 
</div> 
<div id="seccond_box" class="reveal-modal"> 
    <div class="inner_content"> 
     <h1>Title2</h1> 
     <p>Some content.</p> 
    </div> 
    <a class="close-reveal-modal" onclick="closeOne();">X</a> 
</div> 


<a href="#" data-reveal-id="first_box">Click to open the first modal</a> 

<script type="text/javascript"> 
function closeOne(){ 
    $("#first_box").trigger('reveal:close'); 
} 
</script> 

时，您可以使用以下库的修改，关闭所有关闭的第一模式。

https://github.com/rkgarcia/reveal