Question

我想在页面刷新时保持切换值。我尝试用cookie做到这一点，但它不起作用，我不能把它们弄好，也无法弄清楚如何。

使用Javascript：

      $("div#unu").click(function(){
          $("div#autori").slideToggle();
          document.cookie="autori";
      });
      if(document.cookie == 'autori'){        
          $('div#unu').click();
      }

HTML

<div id="unu">Autori</div>
<div id="autori" hidden>
     <ul>
        <li>Mark Twain</li>
        <li>Mark Twain</li>
        <li>Mark Twain</li>
        <li>Mark Twain</li>
        <li>Mark Twain</li>
    </ul>
</div>

Fiddle

Answer 1

你需要向slideToggle函数添加一个回调，并在那里设置localStorage切换为true或false如果元素被切换或不使用此代码：

if ($("div#autori ").is(":visible")) {
     localStorage.setItem('toggle', "true");
} else {
    localStorage.setItem('toggle', "false");
}

然后当页面首次加载检查时。这是一个有效的jsFiddle：http://jsfiddle.net/69QTx/

在页面刷新时保持切换值

1 个答案: