AJAXを使用してdivを非表示にします。私はそれを複数の部門で働くことができません

Question

基本的には、私はフォームの内容に応じて私のワードプレスのブログに投稿を提出するフォームを持っています。送信すると、ajaxを使用してページからフォームが非表示になります（下記参照）。これは、ページに1つのフォームがある場合にのみ機能します。

私がしようとしているのは、複数のフォームをページ上で同じように動作させることです。各フォームは、送信時には隠れるだけです。

• contact_formなど、私は今のForm1、Form2を、たForm3のIDを持つ複数のフォームがあり、HTMLページに<div id="form'.$formnumber.'">を追加

• を作品単数形のDIV ID form_noがされていますこのスクリプトに送られる最後の数字。

私はajax/javascriptをよく知りません - 複数のdivでどのように動作させるにはどうすればよいですか？ここに私が現時点で持っているものがあります（できるだけ単純化しました）。ありがとう！

---

$(".button").click(function() { 
    var form_no = $("input#form_no").val(); 
    } 

...さらにページダウン...

$.ajax({ 
    type: "GET", 
    url: "mypage.php", 
    data: dataString, 
    success: function() { 
     $('#contact_form').html("<div id='message'></div>"); 
     $('#message').html("") 
     .append("") 
     .hide() 
     .fadeIn(1500, function() { 
     }); 
    } 
}); 
return false; 

Answer 1

これは、ジョブん：

$(".button").click(function() { 
    var form_no = $("input#form_no").val(); 

    $('#form' + form_no).hide(); 
});