Javascript 如何制作永久性手风琴？

我找到了这个。添加新的div手风琴效果良好。但我的问题是在我刷新页面后，它会恢复正常。我尝试将此代码应用到我的代码中，看看效果如何

可以添加一个永久的div手风琴

我计划做这个手风琴，因为我有一个

文件维护

用于

职位

比如

参议员、总统。。etc

$（文档）.ready（函数（）{
var计数器=1；
var包装器=$（“#手风琴”）；
$（“#添加按钮”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var catgName=prompt（“请添加您的类别名称”）；
if（catgName==''）{
catgName='Catg#'+计数器；
}
if（catgName！=null）{
var=false；
var expandedClass=''；
var collapsedClass=‘collapsed’；
如果（计数器==1）{
A=真；
expandedClass='in'；
collapsedClass=''；
}
$（包装器）。附加（“”+
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'');
});
$（包装器）。在（“单击”，“删除”字段）上，函数（e）{
e、 预防默认值（）；
$（this.parent（'div'）.remove（）；
y--；
})
$（包装器）。在（“单击”，“编辑”ctg“标签”，函数（e）{
var panelId=$（this.attr（'accesskey'）；
var catgName=prompt（“请更改您的类别名称”）；
if（catgName==''）{
返回false；
}
if（catgName！=null）{
$（“#panel”+panelId）.find（“#panel lebel”+panelId）.html（“”）.html（catgName）；
}
});
})；

#手风琴.面板标题{
填充：0；
}
#手风琴.面板标题>a{
显示：块；
填充：0.4em 0.6em；
大纲：无；
字体大小：粗体；
文字装饰：无；
}
#accordion.面板标题>a.accordion-toggle:：before，
#手风琴a[data toggle=“collapse”]：：之前{
内容：“\e113”；
浮动：左；
字体系列：“字形图标半身人”；
右边距：1米；
}
#accordion.panel title>a.accordion-toggle.collapsed:：before，
#手风琴a.折叠[数据切换=“折叠]：：之前{
内容：“\e114”；
}
#手风琴面板组面板{
边缘顶部：5px；
}
#手风琴动作{
字体大小：14px；
右边距：15px；
}
#手风琴动作>a.exit-btn{
颜色：#dd4b39；
}
#手风琴。移除_字段。退出-btn{
颜色：#dd4b39；
左边距：7px；
浮动：左；
}

添加类别
添加新字段

你所说的

恢复正常是什么意思

&

可以添加一个永久的div手风琴吗？

@user2181397我在

中所说的恢复正常

是什么意思。我已经有一个手风琴（1个手风琴）我使用此代码添加新的手风琴。刷新页面后，它会返回到正常的

1手风琴

。在永久div中，手风琴是。它永远不会消失。我认为这是不可能的。这是因为您正在使用一个数据创建手风琴。当您更新时，您有了新的手风琴，但没有保存的位置。您知道吗ae要做的是，一旦你更新了，将值存储在某个地方。然后根据值的数量创建手风琴length@user2181397你能举个例子吗？我是新手。