JavaScript模式关闭问题

Question

So I have a modal that opens when a UI icon is clicked and for some reason the modal will not close in any browser other than IE. Is there a simpler way of doing this? Or any browser specification I can add?

Here is my code:

<!-- 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>

Not sure why, but it will not let me indent or return on my code. Apologize for the poor readability.

Answer 1

You can try the following (assuming you're using jquery):

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

The above code will toggle the modal (show it if it's hidden, or hide it if it's already visible) when you click the "ui" button