Question

我有一个网站有两个部分，左边是菜单，右边是内容。我想实现一个按钮来显示或隐藏菜单（我已完成动画）。问题在于：点击新页面时，浏览器无法记住菜单是否隐藏。默认情况下，菜单是隐藏的。我的网站http://alaneuler.com

非常感谢！

Answer 1

您可以将LocalStorage与JS一起使用。

$(function() {
    if(typeof localStorage.getItem('showMenu') == "undefined")
        localStorage.setItem('showMenu', false);

    if(localStorage.getItem('showMenu'))
        $('#menu').show();

    $('#toggleButton').on('click', function() {
        if($('#menu').is(':visible')) {
            $('#menu').hide();
            localStorage.setItem('showMenu', false);
        } else {
            $('#menu').show();
            localStorage.setItem('showMenu', true);
        }
    })
})

使用js或jquery加载页面时确定div位置

1 个答案: