$(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 your ID or E-mail or Website &raquo;</span>'; //定義change，style是定義CSS樣式，讓他有鏈結的效果，color要根據使用情況作修改，亦可以在CSS定義#show_author_info來實現！
var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close &raquo;</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