Javascript 保持页面刷新时的切换值

我想保持页面刷新时的切换值。我试着用饼干来做这件事，但它不起作用，我不能把它们放对，也不能想办法

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>

Autori

马克吐温
马克吐温
马克吐温
马克吐温
马克吐温

---

您需要向slideToggle函数添加一个回调，如果元素被切换或未使用以下代码，则在其中将localStorage切换设置为true或false：

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

然后，当页面第一次加载时，检查是否存在这种情况。下面是一个正在工作的JSFIDLE：