Проблема получения разборной навигационной панели для работы в Internet Explorer

Question

Складная панель навигации, которую я сделал на днях, работает в Chrome, Firefox, Safari и Edge.Это не работает в Internet Explorer.

Проблема в том, что ссылки на панели навигации все еще видны после того, как панель навигации была свернута.Таким образом, содержание тела накладывается поверх ссылок навигационной панели.Все ссылки по-прежнему кликабельны.

Вот мой javascript, ничего особенного.

<script>
    function openNav() {
        document.getElementById("menu").style.width = "20em";
        $("#footer").show();
    }

    function closeNav() {
        document.getElementById("menu").style.width = "0";
        document.getElementById("content").style.marginLeft = "0";
        $("#footer").hide();
    }

    function toggle() {
        var toggleButton = $("#toggleButton");

        if (toggleButton.attr('name') === 'open') {
            closeNav();
            toggleButton.attr('name','close');
        } else {
            openNav();
            toggleButton.attr('name','open');
        }
    }
</script>

Answer 1

Я решил проблему, показав и скрыв div, содержащий ссылки.

<script>
    function openNav() {
        document.getElementById("menu").style.width = "20em";
        $("#footer").show();
        $("#links").show();
    }

    function closeNav() {
        document.getElementById("menu").style.width = "0";
        document.getElementById("content").style.marginLeft = "0";
        $("#footer").hide();
        $("#links").hide();
    }

    function toggle() {
        var toggleButton = $("#toggleButton");

        if (toggleButton.attr('name') === 'open') {
            closeNav();
            toggleButton.attr('name','close');
        } else {
            openNav();
            toggleButton.attr('name','open');
        }
    }
</script>