這裡介紹幾個Accordion特效
1. jquery版本
網址
裡面有很詳細的說明及修改方法，很順暢，不過css有點小多，比較不好改

2. prototype 版本

一般在寫Ajax時，最直覺的使用方法就是利用Ajax Object來要求Server給與回應，
再依回應的內容解西倒底是完成動作？還是有錯誤產生，如必填欄位未填。
這裡介紹一個小技巧，在編譯式的網頁伺服器語言可能比較合適使用。
大概的原理是利用程式在執行有錯誤時Throw Exception來當做錯誤訊息，
回傳給client，而client只要接收到503的錯誤，則就可以知道動作並未完成，
反之則是完成。
範例使用prototype來使用Ajax，傳送及回應，有需要可以參考：
Ajax 使用prototype.js 1
以下是載行結果，當有填值時，則回應填寫的值，
沒填值的時候就回傳錯誤訊息。（Exception）

登入的遮罩因為Ajax的發達而越來越多，不過每個browser所支援的方式都不太一樣
尤其是IE最搞怪，IE6 IE7 IE8都加減有點不支援或特別點，所以在實作javascript上也變的很麻煩
這裡有些網站做的範例有興趣的可以研究看看
iPeen 在內頁的登入畫面可以看到
funp 右上角就有登入
哇客滿 在最底層的商家，推薦書籤

JQuery 官網
http://jquery.com/
thickbox 官網
http://jquery.com/demo/thickbox/
prototype 官網
http://www.prototypejs.org/
很習慣使用prototype.js 不過有又需要用到jQuery UI 特效，
其實官方網站已經有把解決方式說明了，主要的衝突點在$ 這一個function，二個套件都有實作

這是一個用簡單的例子
在不重新刷頁的狀況下來做ProgressBar
ps.程式有並沒有Stop請小心使用^^
參考資料
http://www.javaworld.com.tw/jute/post/view?bid=49&id=157521&sty=3
畫面如下:

這裡是一個簡單的範例
在使用prototype.js可以很方便的利用DOM的特性來做一些事情
下一篇將會利用ajax來實做這個範例

rico是個open source的javascript ajax framework
整個架構在prototype.js底下實作
所以要使用rico就必需先載入prototype.js
rico的官方網址
http://openrico.org/
範例網址
http://demos.openrico.org/
http://openrico.sourceforge.net/examples/index.html

ajax在使用上因為不同的browser會有不同的XMLHttpRequest物件
所以在設定上會顯的麻煩
而prototype.js就是一個方便的script framework可以讓你不用考慮環境上的因素
而進行快速的ajax開發
prototype的官方網站
http://www.prototypejs.org/