够酷℃ 记录生活点滴

最近有人问我评论处的昵称、邮件地址、个人主页怎么折叠了是怎么实现的，说到这个代码是小松帮我弄的，可他没有写出教程，不知道是为什么 今天就有我帮他写出来吧！

 
当没有评论时候的截图

当评论后 昵称、邮件地址、个人主页就会被隐藏起来

打开 module.php

查找
//blog：发表评论表单

下

<div class="comment_post">

添加

<?php if(isset($_COOKIE['commentposter'])): ?>
    <div id="welcome">
     欢迎 <strong><?php echo $ckname; ?></strong> 再次光临!<a id="profile" href="javascript:void(0);">[更改用户]</a>
    </div>
    <?php endif; ?>
   
   
   
查找 <form method="post"  name="commentform" action="<?php echo BLOG_URL; ?>index.php?action=addcom" id="commentform">

下面添加
<div id="author_info">

查找
<p><textarea name="comment" id="comment"  rows="10" tabindex="4"></textarea></p>

上面添加 </div>

打开 /lib/js/common_tpl.js添加下列代码

 /* 用户资料 */   
$(document).ready(function(){
if(document.cookie.indexOf('commentposter') > -1){
    $('#author_info').css('display', 'none');
    $('#profile').toggle(function(){$('#author_info').slideDown('slow');$(this).html('[关闭更改]')},function(){$('#author_info').slideUp('slow');$(this).html('[更改用户]')})
};
})

打开主题 的main.css 添加下列代码

/*折叠*/
#welcome {color:#999999;font-size:12px;}
#welcome span{color:#0079B7;}
#welcome strong{color:#0079B7;}

最后  在 header.php 加载下 jquery  如果加载过的 可以无视。

<script src="<?php echo BLOG_URL; ?>lib/js/jquery/jquery-1.2.6.js" type="text/javascript"></script>

写这个教程的时候上面全部添加了，本地测试了下居然是失败的，找了小松，他一眼就看到我没加载jquery ，结果被他悲剧了下。知道加载jquery有多么重要了吧

注意： jquery必须比js代码先要加载，不然会导致代码不能正常显示。