使用jQuery的按钮和窗体

Question

我很新，所以任何帮助表示赞赏。 我有一个页面上的4个按钮和每个按钮的窗体（窗体不可见）。我需要知道如何使用jquery使表单在单击按钮后显示在同一页上。 感谢您的帮助。

Answer 1

做到这一点，最好的办法是涉及button → form与data-*属性

<button data-toggle="#form1">Toggle #form1</button> 
<button data-toggle="#form2">Toggle #form2</button> 

<form id="form1">I'm form 1</form> 
<form id="form2">I'm form 2</form> 

jQuery将针对存储在data-toggle属性

$("[data-toggle]").on("click", function(e) { 
    e.preventDefault(); 
    $(this.dataset.toggle).stop().slideToggle(1000); 
}); 

https://jsfiddle.net/ev0egwpy/