JQuery for Push-downフォーム

Question

リンクをクリックした後にフォームを再表示するためのJQueryプラグインはありますか？私は電子メールアドレスのために1つのテキストフィールドフォームに私を連れて行くことができる招待リンクがありますが、私はこのフォームをドロップダウンするだけで（コンテンツの残りの部分も押して）、電子メールを送信するフォームを示します。だから私はこの

<div class='add-link'> 
     <div id='invite_link'><a href=''>Invite User</a></div> 
     <div id='invitation_form'> 
      <form> 
       <input type='text'/> 
      </form> 
     </div> 
    </div> 

を行なったし、私のjQueryの

<script type="text/javascript"> 
$(function() 
    { 
     $("table").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']}); 
       $('#invitation_form').hide(); 
    } 
); 

$('#invite_link').click(function() { 
    $('#invitation_form').slideDown(); 
}); 

のように見える ：君たちは私がこれを行うことができますjQueryプラグインを考えることができる場合、私は

編集を教えてください

フォームがスライドしないようにするエラーが表示されますか。ページが読み込まれたときにフォームを非表示にしますが、リンクをクリックするとスライドしません。

Answer 1

$('a.mylink').click(function() { 
    $('#MyForm').slideDown(); 
}); 

Answer 2

このためにjQueryプラグインは必要ありません。基本jQueryライブラリで十分です。

$('#showFormLink').click(function() { 
    $('#form').slideDown(); 
}); 

アニメーションを探している場合は、duration引数をslideDownに渡すこともできます。

jQuery show documentationをご覧ください。