类似于手风琴问题，但不使用手风琴

Question

我有 4 个 div 部分。

编辑按钮
继续按钮

编辑按钮
继续按钮

编辑按钮
继续按钮

编辑按钮
继续按钮

在这种情况下，当单击相应部分的继续按钮时，我将转到下一个部分，用户必须在文本框中输入输入。 单击继续时，我会隐藏控件并显示一个 div，其中包含用户输入的所有输入。

点击编辑将显示各个部分的控件部分，并隐藏所有其他控件部分和编辑按钮，使用户只输入一个部分的详细信息，而不输入其他部分。

所以每个部分都会发生这种情况。

我的问题是：部分是动态的。我可以显示或隐藏部分，那么在这种情况下，我该如何维护继续和编辑按钮的功能？

我需要建议来实现此功能。

Answer 1

先为编辑按钮和继续按钮分配一个类。

然后为按钮编写一个事件处理程序，先隐藏所有，然后使被点击的按钮可见。

伪代码：

// hide all button defined by their class name
$(".editButtonClass, .continueButtonClass").hide();

// --> if clicked button is a edit button do your job
if( $(this).hasClass("editButton")) {
    // do your job

    // --> the button which was clicked should be visible
    $(this).show();
}

这是一种通用方法，因此它应该适用于动态元素。