将localSorage插入show / hide div

时间:2016-12-10 06:02:12

标签: javascript jquery html local-storage

我有下面的代码用于显示和隐藏div,虽然它的工作原理我应该使用localStorage保留其显示或隐藏状态,但我完全不知道如何实现它进入当前的代码。

关于如何做到的任何想法请欢呼杰森

    $(document).ready(function() {
  // when click on the tag with id="btn1"
  $('#btn1').click(function() {
    // change the state of the "#idd1"
    $('#idd1').toggle(800, function() {
      // change the button text according to the state of the "#idd1" 
      if ($('#idd1').is(':hidden')) {
        $('#btn1').text('Show Top Account Console');
      } else if ($('#idd1').is(':visible')) {
        $('#btn1').text('Hide Top Account Console');
      }
    });
  });
});

1 个答案:

答案 0 :(得分:0)

您可以在sequence的回调中设置localStorage,并且您可以在页面加载(toggle)上从LS检索值

Sample Fiddle

这是一个示例代码。请参考JSFiddle以获取工作示例,因为SO不允许访问LS。

$(document).ready()