2007/03/18 | 
分類： 
下列網址都是替部落格的側邊欄位加上縮起與展開功
能：
- Racklin’s 阿土伯程式大觀園: 輕
鬆擴充 Blogger 功能: Blogger_ext2.js (jQuery way)! - Without
Boundaries:
教學 樂多折疊邊欄插件
就我所知以上二者都是使用jQuery Framework來實作的，以下說明的版本則是以最單純的JavaScript來撰寫。
首先說明樂多的大致寫法。樂多的側邊欄
位結構如下：
側邊的標題欄類別名稱是 sidetitle，
對應的內容為平行位置的
，類別名稱是
side，
我們要做的是當sidetitle上的某個物件（即程式中新增進去的![]()
，上圖中以紅框標示）被按下時，在其
onclick事件處理程
式裡，對
閱讀。
side，
我們要做的是當sidetitle上的某個物件（即程式中新增進去的
onclick事件處理程
式裡，對
閱讀。
Xuite的側邊欄位結構和樂多的稍有不同：
在＜div
class="sidetitle">裡還有兩層，程式以toggleSideBoxXuite函數實作。程式裡有做註解說明，應該是不難
理解的。
不想看程式只要使用的讀者，請自行增加一個自由欄位（樂多稱插入欄位），在欄位裡輸入下列指令即可使用：
原始程式：http://emisjerry.googlepages.com/bookmark_buttons.js
不
知為何，IE執行上會有問題，FireFox則正常。
##
您可能也會有興趣的類似文章
- FixedHeader.js：將網頁表格標題列固定住的程式 (0則留言, 2011/09/29)
- 在Xuite測試 jQuery (0則留言, 2007/09/12)
- jQuery DataTables範例1：啟始設定 (0則留言, 2011/10/20)
- jQuery在Xuite的測試 (0則留言, 2007/10/01)
- 使用jQuery的效益 (0則留言, 2007/09/23)
- 方便查閱的jQuery 1.2 Cheat Sheet (1則留言, 2007/09/25)
- 使用TiddlyWiki彙總部落格文章的方法與心得 (4則留言, 2007/12/01)
- 第一個jqGrid範例：Local array (1則留言, 2010/02/13)
- 在Xuite裡使用jQuery的重點 (0則留言, 2007/09/22)
- jQuery神奇的選擇器(Selector) (2則留言, 2007/09/28)
- jQuery選擇器測試與範例 (0則留言, 2007/09/29)
- jQuery TreeView插件IE異常解決方法 (0則留言, 2007/11/13)
- 第3個jqGrid範例: XML與XML STRING格式 (0則留言, 2010/02/14)
- 第4個jqGrid範例: 資料列處理 (15則留言, 2010/02/14)
- 第2個jqGrid範例：增加額外選項設定 (6則留言, 2010/02/13)
標籤：
Loading ...
可以把縮起或展開的 state 存在 cookies 中, 這樣讀者便可以按自己的喜好決定看什麼了
This is a good idea. 但sidetitle或side都沒有id，不好辨識…可能只能用其標題來存…或許有空時可以試看看。若BSP能提供就好了…