javascript - 使用 x 关闭或隐藏信息框

Question

我曾尝试寻找线索，但一无所获。可能我在搜索错误的东西!

我在页面上创建了一个基本信息 block 。

我想通过单击 x 为用户提供隐藏或关闭该框的选项。

我假设我需要使用 cookie - 但不知道从哪里开始!也许是 jquery，因为我在每个页面上都为其他元素加载了它？

一个重要的因素是它应该在显示新信息时重新出现。

这是怎么做到的？有人可以帮忙吗？

谢谢!

Answer 1

你可以这样使用:

<div id="content" style="display:none;">
    <span class="close">&times;</span>
    Some text
</div>

<script>
    jQuery(document).ready(function(){
        if (!readCookie('messageClosed')){
            jQuery('#content').show();
        }
        jQuery('#content .close').click(function(){
            jQuery('#content').slideUp();
            createCookie('messageClosed', 1, 365);
            return false;
        });
    });
</script>

对于函数 readCookie 和 createCookie 看这个:https://stackoverflow.com/a/1460174/2828391