Question

我有一个手风琴 div（面板折叠），在面板的末尾我有提交按钮，最初，{ {1}}，我想在提交重新加载后保持div的状态相同。

all the panel div are closed

Answer 1

在常规表单上提交页面会重新加载并重置所有内容，但如果您使用ajax异步提交表单，则页面上的任何内容都不会更改。使用php + jQuery，你可以这样做：

$(document).on("click","#submitButton",function(e) {
    e.preventDefault();

    var formData = $("#formID").serialize();

    $.post("your_php_file.php",formData,function(response) {
        console.log(response); 
    });
 });

Answer 2

只保留没有异步请求的设置的方法是使用cookie。您可以通过Javascript设置它们：（http://www.w3schools.com/js/js_cookies.asp）

可能喜欢分配一系列活动折叠面板

var active_panels=[0,1,2];
$.cookie('active_panels', JSON.stringify(active_panels))

没有jQuery，请参阅W3C规范

Bootstrap折叠面板在提交后保持div打开

2 个答案: