jQuery 太威了

我又換版型了。是不是更清爽了呢？

這次配合了 jQuery 強大的威力，我自己動手加寫了一些玩具，讓部落格更容易閱讀。例如在右側的欄位上，Labels (分類標籤) 那列，點一下滑鼠左鍵，可以把該欄折疊起來，再摁一下又可恢復。

那麼，我來稍微解釋一下我的做法，code 如下

1. //Labels toggle;
2. $("#Label1 > :contains('Labels')").click(function(){
3. $("div.list-label-widget-content").toggle("middle");
4. });

其中第2行，表示 Label1 這個 div 中所下屬的子標籤裡含有文字 Labels 的標籤，在這裡點下左鍵，其內容會發生折疊效果。如果只寫 jQuery("#Label1")，那麼，我們在內容摁下左鍵時仍會發生折疊，這樣就不是我所需要的樣子了。我也是多次 try and error 才發現其中的奧妙所在。

另外，我也有引用了 Google Code 美化程式碼，詳細可以參考 這篇 的介紹。

PS: 為什麼我不用 $ 來執行 jQuery？因為我的 template 有引用別的 library 剛好也有用到 $，所以只好使用 jQuery Alias 囉。
後來我又花了些時間，把樣版裡的 javascript code 重新檢視了一次，清掉了不必要的部份。
另外，讀了阿特的文章，他寫的 code 給了我不一樣的參考方向。我採用類似 ByVal 的方法，而他是採用類似 ByRef 的方式，其實是就 Index 取值。寫法不同，作用相同。

1. //Arcieve Calendar toggle;
2. $("#HTML3 h2:first").click(function(){
3. $("div#blogCalendar").toggle("middle");
4. });