javascript/jqueryでリンクをクリックしたときにフォームフィールドを表示する

Question

リンクをクリックしてフォームフィールドを表示するにはどうすればいいですか？リンクが消えてフォームが表示されるように（jquery/javascriptを使用して）ボックスが表示されますか？ありがとう。

Answer 1

ねえ、ここでは簡単な例です：

CSS：

.myclassname .form{display:none;} 

HTML：

<div class="myclassname"> 
    <a href="#" class="mylink">Link</a> 
    <div class="form"> 
     <input type="text" value="" name="myinput" id="myinput"/> 
    </div> 
</div> 

のjQuery：

$(function(){ 
    $('.myclassname .mylink').click(function(){ 
     $(this).hide(); 
     $('.myclassname .form').show(); 
     return false; 
    }); 
}); 

乾杯

G.

Answer 2

div要素にリンクを挿入します。 On clickingリンクとempty divとappendフォームボックスです。