Jquery 显示/隐藏div切换中的Cookie

Jquery 显示/隐藏div切换中的Cookie,jquery,cookies,toggle,show-hide,Jquery,Cookies,Toggle,Show Hide,我的剧本: function ShowHide(){ $("#news1").animate({"height": "toggle"}, { duration: 250 }); } 问题: 如何将cookie插入到该页面中,以便在我隐藏cookie时,刷新页面后它将保持隐藏状态。 感谢您的帮助。切换似乎可以设置从0到“正常”值的前后高度(来源:) 作为函数的最后一行,您可以添加: if ( $('#news1').css('height')==0 ) # set cookie here

我的剧本:

function ShowHide(){
$("#news1").animate({"height": "toggle"}, { duration: 250 });
}
问题:
如何将cookie插入到该页面中,以便在我隐藏cookie时,刷新页面后它将保持隐藏状态。

感谢您的帮助。

切换似乎可以设置从0到“正常”值的前后高度(来源:)

作为函数的最后一行,您可以添加:

if ( $('#news1').css('height')==0 )
    # set cookie here with jquery cookie plugin or browser mechanism
    # see http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery
然后在文档准备好之前添加适当的代码:“如果我检测到cookie说它上次被隐藏了,不要显示它”


编辑:如果你经常这样做,我会推荐一个框架或插件,它有很好的机制支持你可以使用cookie操作

该守则将成为:

function ShowHide(){
   $("#news1").animate({"height": 0}, 250, function() {
      //this is a callback function. set the cookie here
   });
}
您还需要另一个js代码来检查cookie是否设置为隐藏div并相应地隐藏它。最好在页面加载时执行此代码,或者更好地在dom就绪时执行此代码