Javascript modal close issues

Question

Итак, у меня есть модальный, который открывается при нажатии на значок пользовательского интерфейса, и по какой-то причине модальный не будет закрываться ни в одном браузере, кроме IE. Есть ли более простой способ сделать это? Или любую спецификацию браузера, которую я могу добавить?

Вот мой код:

<!-- Click function for modal --> 
$(ui).click(function modal() { 
    el = document.getElementById("modal"); 
    el.style.visibility = (el.style.visibility == "visible")?"hidden":"visible"; 
}); 

<div id="modal" class="modal" draggable="true"> 
<div> 
<h3 style="text-decoration: underline"> Summary Report Table </h3> 
    <table id="summary"> 
     <tr> 
      <th> Trans Count </th> 
      <th> Trans Amt </th> 
      <th> Match Count </th> 
     </tr> 
     <tr> 
      <td> 300 </td> 
      <td> $200,000 </td> 
      <td> 4 </td> 
     </tr> 
    </table> 
    <a href='#' onClick='modal()'>Close</a> 
</div> 

Не знаю, почему, но он не будет препятствовать мне отступа или вернуться на мой код. Извиняйтесь за плохую читаемость.

Answer 1

Вы можете попробовать следующее (предполагая, что вы используете JQuery):

$(ui).click(function() { 
    $("#modal").toggle(); 
}); 

Приведенный выше код будет переключать модальность (показать его, если он скрыт, или скрыть его, если он уже виден) при нажатии кнопки кнопка «ui»