Javascript 如何使引导折叠部分也提交表单？

我有一个有很多区域的页面，你可以点击来折叠，但我想保存用户在帐户服务器端折叠的部分的首选项，这样当他们重新访问页面时，他们以前折叠的部分将保持这种状态

我的问题是，我不能让按钮在后台同时折叠和提交http post表单，我可以在一个按钮上执行一个或另一个操作，但不能同时执行两个操作

以下是用户单击的按钮：

<button type="button" class="btn btn-mini btn-link" data-toggle="collapse" data-target="#Section_1" name="button" value="save_collapse_choice_1"><strong>Section 1</strong></button>

第1节

这是一个会坍塌或打开的部分

<div id="Section_1" class="collapse in">
This will collapse (And does)
</div>

这将崩溃（而且确实如此）

然后我在页面中有一个名为backend.php的表单，如果我的按钮上没有data toggle=“collapse”，那么该表单通过name按钮和值save\u collapse\u choice\u 1成功提交

很明显，当我在实际页面中有这个选项时，class=“collapse in”中会有一些PHP来添加或删除“in”部分，具体取决于服务器上为这个用户帐户存储的设置。

为什么不使用

$.ajax（）

并将open/close div的值发布到

backend.php

并在同一页面中运行open-close

差不多

$('button[data-toggle="collapse"]').click(function() {
    /* open and close code */
    $.ajax() {
        url: 'backend.php&save-collapse-choice'
    });
});

---

你能发布你的代码吗？我很抱歉，我现在已经把它添加到我的帖子里了。谢谢你的回复。我对Javascript不是很在行，我该如何使用它呢？我将把$.ajax（）部分放在哪里？对不起，我缺乏经验。