如果链接被点击,则显示表单输入框

时间:2012-05-03 07:09:29

标签: jquery this

我有每个帖子的评论表。我想仅在点击评论链接时才显示输入框。

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

我上面用这个脚本隐藏了页面加载时的所有注释框(注释div)。当点击评论链接时,我想为该特定帖子显示一个评论框。

<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>

2 个答案:

答案 0 :(得分:4)

如果您只修复HTML标记,则

非常有效:http://jsfiddle.net/voigtan/QAvKT/

如果您在文档中同时使用更多表单元素,则添加一个css类:http://jsfiddle.net/voigtan/QAvKT/3/(在您的元素上添加了preventDefault)

答案 1 :(得分:1)

您错过了" <div id="comment_form>