MOPVHS's Blog

首先，感谢林木木和zwwooooo

我一直想知道是不是因为我文章里每句话都写很短所以关闭侧边栏的时候没有伸缩效果，所以我一句话写这么长看看会发生什么事，我觉得已经很长了，但是为了保证测试的合理性，我要多写一点，这样可以了么…那么手动发布…

我一直想知道是不是因为我文章里每句话都写很短所以关闭侧边栏的时候没有伸缩效果，所以我一句话写这么长看看会发生什么事，我觉得已经很长了，但是为了保证测试的合理性，我要多写一点，这样可以了么…那么手动发布…

补充：首先要用到这段代码：

干掉侧边栏

 /* 可加在导航ul标签中 */

接下来是JS代码：

$("#menu .nav li:not(#close-sidebar)").hover(function(){$(this).stop().animate({paddingTop:"+=6"}, 240);},function(){$(this).stop().animate({paddingTop:"0"}, 120);});

$('#close-sidebar a').toggle(function(){$(this).text("关侧边栏");$('#sidebar').hide().prev().animate({width: "960px"}, 1000);},function(){$(this).text("开侧边栏");$('#sidebar').show().prev().animate({width: "650px"}, 800);});

不成…文章部分不伸缩…我是CSS盲…咋办？

先暂时搞个移动效果…

$('#close-sidebar a').toggle(function(){$(this).text("开侧边栏");$('#sidebar').hide();$('#wrap').animate({width:"670px"},1000);$('#wrap').css({"background-image":"none",});$('#content').animate({width:"670px"},1000)},function(){$(this).text("关侧边栏");$('#wrap').css({background:"url(/wp-content/themes/zsofa107/images/bg.gif)",});$('#wrap').animate({width:"960px"},800);$('#content').animate({width:"650px"},800);$('#sidebar').show()});

2010年04月4日于20:24
整当我一头雾水地啃苹果时，zwwooooo 凭空出现，在我惊讶的目光中丢下一段话：

@MOPVHS 这个是需要设置 jQ 代码，具体还是去请教木木木木木吧，毕竟 jQ 代码是他折腾的，而且我没用过这段代码（个人觉得没必要），也没空（正在忙付费的主题修改——Sorry，我要赚奶粉钱——有家的人压力大，见谅 ）。

主要是这个要花些时间修改+测试，不过以后简单的可以帮你

哦，想起来了，你伸展了#content，#comments，但你忘了伸展控制文章的.post，试试吧

那啥，一语惊醒梦中人么…内牛满面地改好代码，意料之中地成功了…

谢谢Z大，祝福他女儿快快长大，这样就不用买奶粉了…

最后，参考CSS中.post的宽度，修改好的代码如下:

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

围观更强大的leeiio的文章：

1.关闭/显示你的 WordPress 侧边栏，享受阅读快感

2.升级版！Cookies 记录你的 WordPress 侧边栏关闭/显示的状态

随机日志

• 2010/04/03 -- jQuery(Sweet Titles(美妙的标题提示 (5)
• 2010/08/26 -- CSS-Sprite-Generator丨CSS雪碧在线生成器 (38)
• 2010/02/13 -- 祝福短信分享)祝大家虎年快乐！ (0)
• 2010/04/24 -- 用Javascript解决IE6下PNG不透明的尴尬 (15)
• 2010/07/09 -- 置顶实验专用文章 (22)
• 2010/04/03 -- jQuery(点击链接文字后替换文字 (16)