适当隐藏老用户输入框之 jQuery 实现方法

上一次跟大家分享了怎么让老用户留言时的输入框隐藏，提高WordPress访客评论时的用户体验。其实实现这样的效果有很多的方法，这只是其中的一种，就是用最基本的JS来实现的，而且需要在comment.php中插入JS代码，当然你也可以把代码独立出来。

不过细心的朋友可能发现，本站现在已经没有使用上面介绍的这种方法来实现了，而是用强大的 jQuery 来实现的。这样不仅减少了代码量，而且可以实现不错的效果。如滑动、渐显等。本站现在就用了滑动的效果，大家可以点下那个change 来试下。 不过前提是需要载入jQuery框架，虽然也不是很大，只有54.4K，压缩后会更小。追求速度的同学要考虑用不用了，如果你的博客已经用到了jQuery技术的话就不用考虑了，直接上吧！

jQuery框架可以到这里下载后在模版里调用，推荐在footer，不会影响到上面的速度，也可以直接调用 google API 的，代码如下：

然后第一步还是要修改下 comment.php ，因为 $comment_author 这个参数JS是不认得的。在你需要显示 welcome back ****的地方，也就是评论框代码的上面，插入以下代码：

然后记住需要隐藏掉的用户信息输入框的 ID，如果没有自己用 DIV 包起来后加个 ID，我这里用的是 author_info 。

comment.php文件的修改就可以了，现在看下面的JS代码：

OK，将这些JS代码保存成一个JS文件载入你的博客就好，或是加到你博客任意一个JS文件后面也可以。推荐后者，但要注意，载入顺序一定要放在jQuery框架的后面，这样才会生效。

这样就OK了，这就是我实现的方法，如果哪位还有更好的方法或对上面的代码有什么可以改进的话可以留言，非常欢迎指点！

对了，类似的文章这里也有一篇，大家也可以去看下。