Question

我的剧本：

function ShowHide(){
$("#news1").animate({"height": "toggle"}, { duration: 250 });
}

问题：
如何向此插入一个cookie，这样当我隐藏它时，它会在刷新页面后保持隐藏状态感谢帮助。

Answer 1

Toggle似乎从0开始来回设置高度和'正常'值（来源：http://api.jquery.com/animate/）。

作为你的函数的最后一行，也许你可以添加：

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说它上次隐藏了，请不要显示它”

编辑：虽然如果你这么做很多，我会推荐一个框架或插件，它有很好的支持机制

Answer 2

对于Cookie操作，您可以使用jQuery.cookie

代码将变为：

function ShowHide(){
   $("#news1").animate({"height": 0}, 250, function() {
      //this is a callback function. set the cookie here
   });
}

你还需要另外一个js代码来检查cookie是否设置为隐藏div并根据隐藏它。最好在页面加载时执行此代码，甚至更好，在dom ready。

显示/隐藏div切换中的Cookie

2 个答案: