div的sessionStorage css属性

将sessionStorage.setItem("filterstate", $(this).closest(".filter-panel--flyout").find(".filter-panel--content div").css("display"));您filterstate的display值设置为block或none。

这本身无法做您想做的。您必须知道要设置为此保存显示状态的夹心元素。

为此，您最好id="[...]"为每个要使用的面板设置一个唯一的名称，并将选定的ID设置到存储中。然后，您可以检查sessionStorageID，搜索DOM其元素并进行切换。

此外，您getting的设置。要获得某些东西，您必须在示例中使用sessionStorage.getItem('filterstate');

例如：

• 组： sessionStorage.setItem("filterstate", $(this).closest(".filter-panel--flyout").find(".filter-panel--content div").attr('id'));

• 得到： $('#' + sessionStorage.setItem('filterstate').css('display', 'block');

如您所说，您不能设置唯一的ID。这是一个使用jQuerys .index（）的示例：

• 组： sessionStorage.setItem("filterstate", $(this).parent().index(this);
• 得到： $('[ ... Parent ... ]').eq(sessionStorage.setItem('filterstate')).css('display', 'block');

（未测试）

以下是经过测试的示例，可以同时打开多个面板。（演示）

请注意评论以了解更多信息：

$('.clickable').click(function() {
  var panel = $(this).closest(".wrapper").find(".childToShow"); // get panel
  panel.toggle(350, 'swing', function() { // toggle panel and execute function !!!after!!! toggle
    var storage = localStorage.getItem('indexes'); // get localStorage
    var index = $(this).parent().index(); // get index of childWrapper (parent of .clickable and .childToShow)

    if ($(panel).css('display') === "block") { // check if panel is showen
      storage = storage ? storage + ';' + index : index; // if panel is showen !!!add!!! its .wrappers index to the localStorage 
      // you should not overwirte the storage with the index, becaus more than one panel could be open at the same time.
    } else { //if panel is closed remove index from localStorage
      var newStorage = ''; // initialize new string for localStorage
      var storageArr = storage.split(';'); // split actual storage string into an array

      storageArr.splice(storageArr.indexOf(index), 1); // remove from storage array

      for (var i = 0; i < storageArr.length; i++) {
        newStorage = i === 0 ? newStorage + storageArr[i] : newStorage + ';' + storageArr[i]; // build new storage string
      }

      storage = newStorage; // set storage variable to the new one
    }
    localStorage.setItem('indexes', storage); // write into storage
  });
});

$(document).ready(function() {
  console.log('Your "indexes" storage looks like: ', localStorage.getItem("active2"))
  var storage = localStorage.getItem("indexes") // get localStorage
  if (storage) { // check if storage is not empty
    storage = localStorage.getItem("indexes").split(';'); // get storage array
    for (var i = 0; i < storage.length; i++) {
      $('.wrapper').eq(storage[i]).find(".childToShow").css('display', 'block'); // show each saved wrappers (its index is in the storage) .childToShow
    }
  }
});