<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />

/**
 * 設(shè)定控件的顯示風(fēng)格
 * @param id    控件的 ID
 * @param status  控件的顯示狀態(tài) (顯示時(shí)為 '', 隱藏時(shí)為 'none')
 */
function setStyleDisplay(id, status) {
 document.getElementById(id).style.display = status;
}

<!-- 有資料的訪客 -->
<?php if ( $comment_author != "" ) : ?>
 <!--
 轉(zhuǎn)換顯示狀態(tài)用的 JavaScript
 Q1: 為什么這段代碼放在這里呢?
 A1: 因?yàn)橹挥挟?dāng)訪客有資料時(shí), 它才被用上, 這樣可以減少無資料訪客下載頁(yè)面時(shí)的開銷.
 Q2: 為什么不用外部文件將 JavaScript 放起來? 也許那樣維護(hù)起來更方便.
 A2: 因?yàn)樗辉谶@個(gè)地方用到了. 而且加載文件的數(shù)量也會(huì)影響頁(yè)面下載速度, 為了這么點(diǎn)字節(jié)的代碼, 不值得新開一個(gè)文件.
 -->
 <script type="text/javascript">function setStyleDisplay(id, status){document.getElementById(id).style.display = status;}</script>
 <div class="form_row small">
 <!-- 訪客昵稱 (隨便歡迎一下) -->
 <?php printf(__('Welcome back <strong>%s</strong>.'), $comment_author) ?>
 
 <!-- 更改按鈕 (點(diǎn)擊后: 隱藏更改按鈕, 顯示取消按鈕, 顯示資料輸入框) -->
 <span id="show_author_info"><a href="javascript:setStyleDisplay('author_info','');setStyleDisplay('show_author_info','none');setStyleDisplay('hide_author_info','');"><?php _e('Change &raquo;'); ?></a></span>
 
 <!-- 取消按鈕 (點(diǎn)擊后: 顯示更改按鈕, 隱藏取消按鈕, 隱藏資料輸入框) -->
 <span id="hide_author_info"><a href="javascript:setStyleDisplay('author_info','none');setStyleDisplay('show_author_info','');setStyleDisplay('hide_author_info','none');"><?php _e('Close &raquo;'); ?></a></span>
 </div>
<?php endif; ?>
 
<!-- 資料輸入框 -->
<div id="author_info">
 <div class="form_row">
 <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />
 <label for="author" class="small"><?php _e('Name'); ?> <?php if ($req) _e('(required)'); ?></label>
 </div>
 <div class="form_row">
 <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />
 <label for="email" class="small"><?php _e('E-Mail (will not be published)');?> <?php if ($req) _e('(required)'); ?></label>
 </div>
 <div class="form_row">
 <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" />
 <label for="url" class="small"><?php _e('Website'); ?></label>
 </div>
 
</div>
 
<!-- 有資料的訪客 -->
<?php if ( $comment_author != "" ) : ?>
 <!-- 隱藏取消按鈕, 隱藏資料輸入框 -->
 <script type="text/javascript">setStyleDisplay('hide_author_info','none');setStyleDisplay('author_info','none');</script>
<?php endif; ?>

>>> document.cookie
"comment_author_bbfa5b726c6b7a9cf3cda9370be3ee91=helloworld; comment_author_email_bbfa5b726c6b7a9cf3cda9370be3ee91=dangoakachan%40gmail.com; comment_author_url_bbfa5b726c6b7a9cf3cda9370be3ee91=http%3A%2F%2Fexample.com"

>>> import hashlib
>>> hashlib.md5('http://localhost/wordpress').hexdigest()
'bbfa5b726c6b7a9cf3cda9370be3ee91'

if (!is_user_logged_in() && !empty($comment_author)) {
...
}

if (!is_user_logged_in() && !empty($comment_author)) {
  $welcome_login = '<p id="welcome-login"><span>歡迎回來, <strong>' . $comment_author . '</strong>.</span>';
  $welcome_login .= ' <span id="toggle-author"><u>更改</u> <i class="icon-signout"></i></span></p>';

  $comments_args['comment_field'] = '</div>' . $comments_args['comment_field'];
  $comments_args['comment_notes_before'] = $welcome_login . '<div id="author-info" class="hide">';
}

/* Toggle comment user */
$('#comments').on('click', '#toggle-author', function () { 
  $('#author-info').slideToggle(function () { 
    if ($(this).is(':hidden')) {
      /* Update author name in the welcome messages */
      $('#welcome-login strong').html($('#author').val());

      /* Update the toggle action name */
      $('#toggle-author u').html('更改');
    } else {
      /* Update the toggle action name */
      $('#toggle-author u').html('隱藏');
    }  
  }); 
});