如何關閉兩個打開的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