html-DIV內的按鈕修改DIV寬度或者DIV怎樣左右收縮

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":"原來的寬度"});
}
}