Accordion在重载时保存最后一个状态

Question

我正在构建一个手风琴菜单，我正试图在页面重新加载时保持手风琴的最后一个活动状态。我已经尝试过javascript（见下文），但它似乎没有用。

See Codepen here

$(document).ready(function () {
$('.b-accordion').accordion({
header: '.b-accordion__cell',
collapsible: true,
activate: function(e, ui) {
localStorage.setItem('accordion-active', $(this).accordion( "option", "active" ));
},
active: +localStorage.getItem('accordion-active')
});
});

任何帮助将不胜感激。谢谢！

Answer 1

在页面重新加载（比func getFireButtonNode(xPos x:CGFloat, yPos y:CGFloat)->SKSpriteNode{} 简单得多）之间记录状态的一种方法是利用URI localStorage片段。

hash锚元素是<a>中的块级别，因此您可以围绕每个HTML5列表项，例如：

<li>

当页面重新加载时，URI的<a href="#info"><li class="b-accordion__cell">[CODE HERE]</li></a> <a href="#method"><li class="b-accordion__cell">[CODE HERE]</li></a> <a href="#material"><li class="b-accordion__cell">[CODE HERE]</li></a> <a href="#medium"><li class="b-accordion__cell">[CODE HERE]</li></a> 片段将直接指示需要扩展手风琴的哪个部分。