请记住页面加载上的封闭手风琴的状态

Question

我在一个页面上有多个手风琴。默认状态是打开的。我希望当一个人导航回该页面时，还要记住所有手风琴的状态。

我试图配置其他代码示例，但不能让别人的案例为我的工作。谁能帮忙？

jQuery脚本：

jQuery(document).ready(function($) {
$( ".accordion" ).accordion({
collapsible: true,
activate: function(event, ui) {
$('h6', this).each(function() {
$(this).text($(this).text().replace('Close', 'Open'));
});
ui.newHeader.text(ui.newHeader.text().replace('Open', 'Close'));
}}).
find('h6').text(function(i, value) { return value + ' - Open'; }).
filter('*').text(function(i, value) { return value.replace('Open',       
'Close'); });
});

html：

<div class="accordion">
<h6 align="right"></h6>
<div>
    --Content Here--
</div>
</div>

Answer 1

您将要设置一个cookie。过去，有许多与cookie相关的插件用于jQuery，或者您可以滚动或使用其他的第三方解决方案。我已经使用了Mozilla基金会的" Doccookies"来效果。

假设您选择后者，则必须首先在网页的头部元素中具有脚本：

<script src="/path/to/docCookies.js"></script>

之后，您需要将呼叫添加到打开/关闭手风琴的活动处理程序中。

原型是：

docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])

因此，可能是一个简单的调用(使用打开/关闭的虚构名称和整数值(：

docCookies.setItem("accordion1", 1); // accordion 1 is open
docCookies.setItem("accordion2", 0); // accordion 2 is closed

正如我从上面的示例中看到的那样，您需要将其放置在"激活"函数中。

当您的访问者首次到达时，您必须让服务器端(PHP？或W/E ...(检查是否存在" Accormion1"(2,3等(cookie(S(，如果将它们设置为" 1"，请在加载页面时将其显示为打开的手风琴。