兔窩＊≧﹏≦＊Rabbit*House

搞了這個樣式搞非常久才完成要感謝多啦和發卡的教學才能做出我想要的感覺
左邊連結都被藏起來了..是不是很酷！要敲敲門（點一下）才會出來跟你見面，教學不是很難
不過我搞了一整天才完成，因為 痞客後台不知道為什麼一直很不穩...勉強用FOX持續改版，但是總是會一直頭殼壞掉，好累ㄚ....
這個隱藏連結是利用痞客幫內建的jQuery，至於什麼是jQuery呢?
可以參考發卡布落-善用痞客邦內建的jquery來配置你的blog（隱 藏文章效果）
文章講解很仔細有興趣，大家可以去研究看看。

首先先在你的側邊欄位或者 公告欄發送以下語法：(感謝bshadow提供語法)

<script type="text/javascript"> jQuery(document).ready(function($){ $("h4.box-title").css({cursor:"pointer"}).click(function(){ $(this).next().toggle("normal"); }); }); </script>




另外這是放在css裡面的：
.box-text{display:none;}



如果說有一些想要不隱藏可以利用下方的CSS強制打開：
#box123456 div{display:block;}


教學圖範例：

---

善用痞客邦內建的jquery來配置你的blog
使用jQuery很華麗的配置你的痞客邦側邊欄位　
jQuery｜痞客邦側邊欄位伸縮選單有更容易的配置方法囉