JQuery)隐藏 Wordpress 访客的资料框

源自：http://leo-n.com/hide-visitor-info-with-jquery.html

步骤：

1.记得引入JQuery库，然后编辑comments.php，在类似于：<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1"/>在这段代码(评论者姓名输入框代码)上方添加：

<?php if ( $comment_author != "" ) : ?>

<div id="welcome">

<?php printf(__('欢迎 <strong>%s</strong> 归来！ '), $comment_author) ?>

</div>

<?php endif; ?>

然后再把三个评论者姓名、电邮、网址的代码输入框用 <div id="author_info"></div>包起来，到此，comments.php 修改结束；

　　然后， js代码如下：

$(document).ready(function() { //开始

if($('input#author[value]').length>0){ //判断用户框是否有值

$("#author_info").css('display','none'); //将id为author_info的对象的display属性设为none，即隐藏

var change='<span id="show_author_info" style="cursor: pointer; color:#2970A6;">change &#187;</span>'; //定义change，style是定义CSS样式，让他有超链接的效果，color要根据你自己的来改，当然你也可以在CSS中定义#show_author_info来实现，这样是为了不用再去修改style.css而已！

var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close &#187;</span>'; //定义close

$('#welcome').append(change); //在ID为welcome的对象里添加刚刚定义的change

$('#welcome').append(close); // 添加close

$('#hide_author_info').css('display','none'); //隐藏close

$('#show_author_info').click(function() { //鼠标点击change时发生的事件

$('#author_info').slideDown('slow'); //用户输入框向下滑出

$('#show_author_info').css('display','none'); //隐藏change

$('#hide_author_info').css('display','inline'); //显示close

$('#hide_author_info').click(function() { // 鼠标点击close时发生的事件

$('#author_info').slideUp('slow'); //用户输入框向上滑

$('#hide_author_info').css('display','none'); //隐藏close

$('#show_author_info').css('display','inline'); })})}}) //显示change

完毕。