之前分享过《JQuery 学习笔记之：关闭/显示 WordPress侧边栏》，引燃了很多童鞋的折腾劲，不过代码稍微长了点。这次再次翻开《锋利的jQuery》这本书，突然想到新的代码：

 
<li id="close-sidebar"><a>干掉侧边栏</a></li> /* 可加在导航ul标签中 */
 
$('#close-sidebar a').toggle(function(){ //选中id="close-sidebar"内的a标签的内容，即“干掉侧边栏”
 
	$(this).text("显示侧边栏"); //点击此中内容后改变成“显示侧边栏”
 
	$('#sidebar').hide(); //隐藏id="sidebar"的内容，即“侧边栏”
 
	$('#content').animate({width: "960px"}, 1000); //让id="content"，即主体部分的宽度伸长至960px，时间为1000毫秒
 
	},function(){
 
	$(this).text("关闭侧边栏"); //点击此中内容后改变成“关闭侧边栏”
 
	$('#sidebar').show(); //显示id="sidebar"的内容，即“侧边栏”
 
	$('#content').animate({width: "705px"}, 800); //让id="content"，即主体部分的宽度缩至705px，时间为800毫秒
 
});

相比之前，代码逻辑更为清晰简洁！特此分享~

2010-5-8更新：《”关闭/显示侧边栏”完美终结版》