Javascript 类似于手风琴发行,但不使用手风琴

Javascript 类似于手风琴发行,但不使用手风琴,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我有4个分区 <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

我有4个分区

<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/> 编辑按钮
继续按钮

首先为“编辑”按钮和“继续”按钮指定一个类

然后为按钮编写一个事件处理程序,首先隐藏所有,然后使单击的按钮可见

伪代码:

// 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();
}
这是一种通用方法,因此它应该适用于动态元素