jquery - リンクがクリックされた場合にフォーム入力ボックスを表示

Question

すべての投稿にコメントフォームがあります。コメントリンクをクリックした場合のみ入力ボックスを表示したい。

$("*#comment_form").hide();
$(".comment_link").click (function(){
  $("#comment_form").show(); // problem here...
});

上記のスクリプトを使用して、ページの読み込み時にすべてのコメントボックス（コメントdiv）を非表示にしました。コメントリンクをクリックすると、その特定の投稿に対して1つのコメントボックスが表示されます。

<a class="comment_link href="#">Comment</a>
<div id="comment_form">
<form id="form_comment" action="docomment.php" method="post">
 <input type="text" name="comment">
 </form>
</div>

Answer 1

HTMLマークアップを修正するだけで完璧に機能します：http：//jsfiddle.net/voigtan/QAvKT/

ドキュメントで一度により多くのフォーム要素を使用している場合は、代わりにcssクラスを追加しました：http：//jsfiddle.net/voigtan/QAvKT/3/ （ a-elementsにpreventDefaultを追加）

Answer 2

あなたは"ここを逃しています<div id="comment_form>