Javascript 手风琴如何临时禁用某些部分

我有一个这样的手风琴测试：

<div id="test">
<div class="accordion_item">
    <h3>blah</h3>
    <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
</div>
<div class="accordion_item">
    <h3>blah</h3>
    <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
</div>
<div class="accordion_item">
    <h3>blah</h3>
    <div>aaaaaaaaaaaaaaaaaaaaaaa</div>
</div> </div>

废话
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
废话
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
废话
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

每个部分都是一个表单，我希望用户能够：

返回到上一节/表格进行编辑

必须提交他/她正在填写的表格 先填充，然后再填充下一个

因此，我需要一种方法，以暂时防止某些部分扩大，即使

---

用户点击它。还有什么方法可以做到这一点吗？

我认为最好的方法是使用现有的解决方案-