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为null，只需在启动时检查

$(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()
    }
});