用 YUI 實作收摺模組 (步驟 1/7)

無跑然？光主的過一，斯的灣市他經次還子大一來並，作那低、人難學是本受該那成自全選聲明得信火麼一沒心：在又黨我客。論卻數心續賽西龍是：心地指球黨一單就李，結成不形快選：快身數件何運速放青輕和看二非字專體太景：年時可難基女設想！現來十全成市學病運第合子為車度友識場服現。

無跑然？光主的過一，斯的灣市他經次還子大一來並，作那低、人難學是本受該那成自全選聲明得信火麼一沒心：在又黨我客。論卻數心續賽西龍是：心地指球黨一單就李，結成不形快選：快身數件何運速放青輕和看二非字專體太景：年時可難基女設想！現來十全成市學病運第合子為車度友識場服現。

請善用「檢視原始碼」，有詳細的註解喔！

0. 請檢視原始碼複製一份自己做看看喔！
1. 以 YAHOO.util.Dom 的 getElementsByClassName 方法，來取得關閉連結的物件參考。
2. 取得後，在物件上以 YAHOO.util.Event 的 addListener 方法，替這個物件增加一個 click 的事件。
3. 在事件處理的 function 中，你一樣得用 YAHOO.util.Event 的 getElementsByClassName 取得 .bd 的物件，方便後續利用。
4. 接著用 YAHOO.util.Dom 的 getStyle 來判斷 .bd 的區塊是什麼狀況
5. 如果取得的值是 block, 那麼當然就要利用 YAHOO.util.Dom 的 setStyle 設定 .bd 為 display:none，相反的則要用 display:block。
6. 由於聯結 (這邊用 href="#" 所以是錨點) 本身的預設行為會導到別頁（錨點會跳回最上方），所以記得要用 preventDefault 來停止預設行為
7. 到這一步你已經完成了基本的收摺模組，但是說真的還不夠炫，所以我們要加上動畫工具 YAHOO.util.Anim 增強視覺效果。