DIV内的按钮修改DIV宽度或者DIV怎样左右收缩

代码如下：

如上：info 这DIV下面有两个主要的子DIV，column-div（默认显示）和line-div（默认关闭），还有两个button（控制line-div的显示和隐藏），现在希望info的宽度随着line-div的显示和隐藏而改变。显示则宽度变成800，关闭则还原。求大神给出代码指点，尝试很多次，没有效果，谢谢！

使用jquery, 两个div是需要浮动的, 否则你改变大的div宽度小于内层的div可能有点问题
function show(){
if ($("#line-div").css("display") == "none") {
$("#line-div").css({"display":"block"});
$("#info ").css({"width":"800px"});
} else if ($("#a").css("display") == "block") {
$("#line-div").css({"display":"none"});
$("#info ").css({"width":"原来的宽度"});
}
}