javascript - 当我的 div 隐藏时设置 cookie

Question

我想设置一个 cookie 1 周，以保持 div 对用户关闭。我已经从周围撕下了一些零碎的东西，说实话 - 我真的不知道我在做什么!

我的 HTML:

<div class="d-all t-all m-all group following_prompt">
<button type='button' id='hideshow' value='hide/show' class="close"><span class="icon-cross black right"></span></button>
    </section>
    <article class="d1-d3 t1-t4 m-all user_following">
    {{ member:profile uid="{author}" }}
        <a href="/profile/{{ username }}" class="user_avatar d1 m1">{{ gravatamatic:quicky
          email = "{email}"
          size  = "64"
         }}</a>
            <section class="d2-d3 m2-m4 author_bio">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                <a class="global_btn_white" href="/">Follow {{ username }}</a>
            </section>
    {{ /member:profile }}
    </article>
</div>

我的JS:

jQuery(document).ready(function(){
        $('#hideshow').on('click', function(event) {        
             $('.following_prompt').hide()
             createCookie('hide', true, 1)
             return false;
        });
    });

Answer 1

有一个javascript plugin让这变得非常容易

jQuery(document).ready(function(){
    // if the cookie exist, hide the element
    var hide = Cookies.getJSON('hide');

    if (hide && hide.element)
       $(hide.element).hide();

    $('#hideshow').on('click', function(event) {        
         $('.following_prompt').hide()

         Cookies.set('hide', {element: '.following_prompt'}, { expires: 7 });
         return false;
    });
});

如您所见，您可以将 javascript 保存到它自动转换的 cookie 中，这样您就可以存储元素列表。

http://jsfiddle.net/gschutz/or8b65e4/3/