短代碼功能，讓你的網頁在更加豐富的同時，也更加的簡潔清晰！
預覽
怎麼樣～挺不錯的吧！
教學
1、首先將以下JS代碼加入至你網站所引用的JS文件內（例如「functions.js」等）：
|
|
/* 爲網站添加「點擊展開/收縮」功能開始（由AREFLY.COM製作） */ jQuery(document).ready( function(jQuery){ jQuery('.collapseButton').click(function(){ jQuery(this).parent().parent().find('.xContent').slideToggle('slow'); }); }); /* 爲網站添加「點擊展開/收縮」功能結束（由AREFLY.COM製作） */ |
2、然後將下方代碼添加到「佈景函式庫 (functions.php)」的最底部 ?> 之前，並點擊 更新檔案 
|
|
/* 爲WordPress添加「點擊展開/收縮」功能開始（由AREFLY.COM製作） */ function xcollapse($atts, $content = null){ extract(shortcode_atts(array("title"=>""),$atts)); return '<div style="margin: 0.5em 0;"> <div class="xControl"> <span class="xTitle">'.$title.'</span> <a href="javascript:void(0)" class="collapseButton xButton">展開/收縮</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;">'.$content.'</div> </div>'; } add_shortcode('collapse', 'xcollapse'); /* 爲WordPress添加「點擊展開/收縮」功能結束（由AREFLY.COM製作） */ |
3、現在我們可以直接在文章中插入 [collapse title="標題"]需點擊展開的內容
