Blogger beta：在侧边栏展开/收缩栏目

效果如本Blog右侧的友情链接，在首页不长的情况下，尤其是收缩了Blog贴子，太长的Sidebar会影响页面美观。
Step0：保存你的模板
Step1：将下列CSS代码添加到你的CSS中

.commenthidden {display:none}
.commentshown {display:inline}

Step2:把下列代码放在《Head》《/Head》之间，但不要放在CSS中

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Step3：现在就可以通过“Add a page element”添加一个“HTML/JavaScript”来展示内容了。
要用到以下代码：

<a aiotitle="click to expand" href="javascript:togglecomments('独一无二的ID')">标题</a><br />
<div class="commenthidden" id="独一无二的ID"></div>

如下面是鱼的链接代码：
<a aiotitle="点击展开" href="javascript:togglecomments('myfriendlistss')">展开/收缩...+/-</a><br/><br/>
<div id="myfriendlistss" class="commenthidden">
<a target="_blank" href="http://sunr.blogspot.com/2006/06/blog-post_20.html" title="请留下你的信息">欢迎交换链接</a><br/>
<a target="_blank" href="http://vfly.blogspot.com" title="鱼的另一面">院子里的七颗小星星</a><br/>
</div>

其中涉及到的那个“独一无二的ID”指的是所选的ID不能已存在于模板中，最好想的长一点，不规则一点，如鱼的是“myfriendlistss”