保持崩溃状态并在页面重新加载后展开

Question

在aspx页面中，有五个fieldset元素。在图例元素旁边的每个字段集中，您可以找到包含许多行的表格元素。我为每个图例元素添加了切换功能，这样当您单击图例元素时，相应的表会折叠或展开。问题是当你重新加载页面时，所有表都被扩展了。我想在重新加载页面时保持每个表的状态。感谢任何建议。

Answer 1

此答案有多种解决方案，例如向服务器发送请求以保存表状态，并在重新加载时将其重定向回客户端。我对aspx页面的了解不存在，所以我想出了不同的答案。

HTML5 WebStorage

您可以使用HTML5网络存储，有些信息可以在这里找到： http://www.w3schools.com/html/html5_webstorage.asp

一个例子是每次展开或折叠表时都用javascript存储它：

// Setting into the local storage
localStorage.setItem("table_"+tableElement.attr('id'), "collapsed");
// Getting from the local storage
localStorage.getItem("table_"+tableElement.attr('id'));

请注意，正在运行此javascript的浏览器必须支持HTML5，并且当用户在另一个浏览器上重新加载此页面时，它将被设置为好像用户第一次看到该页面。