簡睿IT隨筆(搬到http://jdev.tw了)

下列網址都是替部落格的側邊欄位加上縮起與展開功 能：

• Racklin's 阿土伯程式大觀園: 輕 鬆擴充 Blogger 功能: Blogger_ext2.js (jQuery way)!
• Without Boundaries: 教學 樂多折疊邊欄插件

就我所知以上二者都是使用jQuery Framework來實作的，以下說明的版本則是以最單純的JavaScript來撰寫。

首先說明樂多的大致寫法。樂多的側邊欄 位結構如下：

側邊的標題欄類別名稱是 sidetitle， 對應的內容為平行位置的<div>，類別名稱是 side， 我們要做的是當sidetitle上的某個物件（即程式中新增進去的<img>，上圖中以紅框標示）被按下時，在其 onclick事件處理程 式裡，對<div class="side">做隱藏或顯示的切換。程式中用toggleSideBoxRoodo函數實作了需要的功能，請有興趣的讀者自行 閱讀。

Xuite的側邊欄位結構和樂多的稍有不同：
在＜div class="sidetitle">裡還有兩層，程式以toggleSideBoxXuite函數實作。程式裡有做註解說明，應該是不難 理解的。

不想看程式只要使用的讀者，請自行增加一個自由欄位（樂多稱插入欄位），在欄位裡輸入下列指令即可使用：

<script src="http://emisjerry.googlepages.com/bookmark_buttons.js"> </script>

原始程式：http://emisjerry.googlepages.com/bookmark_buttons.js

不 知為何，IE執行上會有問題，FireFox則正常。

##