Блог

Складная панель навигации, которую я сделал на днях, работает в 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>
  

Я решил проблему, показав и скрыв 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>