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

Question

我有4个div部分。

 
<div id= section1> Edit Button 

 
continue button<br/> 
</div <br/> 

<div id= section2> Edit Button 
<br/> 
continue button<br/> 
</div<br/> 

<div id= section3> Edit Button 
<br/> 
continue button<br/> 
</div<br/> 

<div id= section4> Edit Button 
<br/> 
continue button<br/> 
</div<br/> 

在当继续按钮的各个部分被点击我会去到下一个部分，在那里用户在文本框中输入输入此方案

。 点击继续我隐藏控件并显示一个用户输入的所有输入的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(); 
} 

这是一个通用的办法，所以应该对动态元素的工作。