javascript - 首先jquery切换打开

Question

我希望实现内容在启动时以打开状态显示。目前它处于关闭状态加载。当用户打开它并再次关闭它时，它将在重新加载时重新出现，因此用户必须再次关闭它才能存储他的决定。 https://jsfiddle.net/fwz35y4n/

jQuery(document).ready(function($) {
  $(document).ready(function() {
    $('#clikon').click(function() {
      $(this).siblings().toggle();
      localStorage.setItem('display', $(this).siblings().is(':visible'));
    });
    var block = localStorage.getItem('display');
    if (block == 'true') {
      $('#bar').first().show()
    }
  });
});

Answer 1

只需在启动时检查 block 是否为空

$(document).ready(function() {
    $('#clikon').click(function() {
      $(this).siblings().toggle();
      localStorage.setItem('display', $(this).siblings().is(':visible'));
    });
    var block = localStorage.getItem('display');
    if (block == 'true' || block === null) {
      $('#bar').first().show()
    }
});