javascript - jQuery - 记住触发函数

Question

我有一个语言导航栏。您可以使用 jQuery 按钮隐藏它。但是每次刷新页面时，导航栏都会再次出现。

单击“隐藏”按钮后，我如何才能使其保持隐藏状态，直到您再次单击该按钮以显示它。

我已经得到了隐藏和显示的功能。

jQuery:

            jQuery(document).ready(function(){
        jQuery('#hideshow').on('click', function(event) {        
             jQuery('#lang').toggle('show');
            debugger
            if($('#hideshow').text()=="Hide"){
                $('#hideshow').text("Show")
                }
        });
    });

Fiddle ( fiddle 看起来不太好，但可以用)

顺便说一下，我真的是 JS 和 jQuery 的新手! :)

Answer 1

为了让您的栏保持持久状态，您需要将此状态存储在 cookie 或本地存储中。你可以使用例如:

• > http://www.jstorage.info/
• > https://github.com/carhartl/jquery-cookie (教程在 http://www.hongkiat.com/blog/jquery-cookies/ )