使用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/