Javascript 如何进行动态div-展开折叠循环

我需要一个函数，允许我的客户机在表单上添加或不添加更多div，例如单击按钮+，如循环

这个循环应该重复div和按钮以添加更多div，如图中的bellow

有人知道怎么做吗

扩展-折叠是最好的方法吗

---

多谢各位

我不确定你的愿望是什么，所以我发布了两个选项：

如果要展开隐藏的现有字段并进行分析，可以使用JQUery：

<table>
    <tr>
        <th>Field1</th>
        <td><input type="text" value="" /></td>
    </tr>
    <tr>
        <th>Field2</th>
        <td><input type="text" value="" /></td>
    </tr>
    <tr class="hiddenarea" style="display: none;">
        <th>Field3 (Hidden)</th>
        <td><input type="text" value="" /></td>
    </tr>
</table>
<input id="show_hide" value="Collapse/Expand" />

<script type="text/javascript">
    $("#show_hide").click(function() {
        $(".hiddenarea").toggle();
    });
</script>

///////////////////////////////////

向表中添加新行的第二种解决方案是：

<table id="mytable">
    <tr>
        <th>Field1</th>
        <td><input type="text" value="" /></td>
    </tr>
    <tr>
        <th>Field2</th>
        <td><input type="text" value="" /></td>
    </tr>
</table>
<input id="show_hide" value="Collapse/Expand" />

<script type="text/javascript">
    $("#show_hide").click(function() {
        $("#mytable").append('<tr><td>New field</td><td><input type="text" value="" /></td></tr>');
    });
</script>

---

基本上这很容易，但你想如何处理标题？/现场描述？你只是想扩大它们，还是应该创造新的？有人知道怎么做吗？我们确实有这个想法。对我们来说，知道你有什么想法很重要。显示us@Steini嗨，当点击按钮时，它应该创建新的