jquery - Zurb Foundation5 を使用してモーダルを明らかにした後、2 回目にモーダルを閉じることができません

Question

ajax 呼び出しを使用してモーダルを表示し、次の 3 つの方法のいずれかを使用して閉じています。

1. 背景のdivをクリックして

2. escキーを押すことで

3. 閉じるボタン ( X)をクリックする

そして、3つのオプションすべてで完全に正常に機能していますが、opened -> closed -> opened再び閉じられると予想される方法で閉じられません。

ここに私のhtmlコードがあります:

<div class="reveal-modal-bg" style="display: block;">
</div>
<div id="trigger-reveal-size-match" class="reveal-modal small open" data-    reveal="" style="display: block; opacity: 1; visibility: visible; top:   50px;">
 <!--
    Couple of divs here
 -->
   <a class="close-reveal-modal cc-icon-x" data-reveal-id="trigger-reveal-size-match"></a>
</div>

ここに私のJSコードがあります：

$(".close-reveal-modal").on("click touchend", function() {
    var revealId = "#" + $(this).attr("data-reveal-id");
    $(revealId).foundation('reveal', 'close');
});

この問題を解決する方法を知っている人は誰でも助けてください。

よろしくお願いします。