如何使用crossbrowser顯示隱藏內容div？

Question

我正在做一些內容div顯示隱藏使用動畫，但目前它的固定寬度的工作，但我想沒有寬度也應該跨瀏覽器也縮小時它必須工作彈性明智當div顯示模式。

代碼中的任何建議或修改。

的jsfiddle http://jsfiddle.net/sureshsummy/xUKRf/5/

Answer 1

這裏是你的固定寬度問題的解決方案：

$("#content").animate({ 
    width: $('body').width() -100 
}, { 
    queue: false, 
    duration: 10 
}).toggle(); 

編輯： 要動畫隱藏，在切換再度把動畫功能：

$("#content").animate({ 
    width: $('body').width() -100 
}, { 
    queue: false, 
    duration: 1000 
}).toggle({ 
    width: 100 
}, { 
    queue: false, 
    duration: 1000 
}); 

Answer 2

爲了得到它的響應，你不應該固定措施（px）爲寬度或填充或邊距。相反，您可以使用％。

我做了一些調整，以你的CSS：http://jsfiddle.net/xUKRf/10/

我改變了寬度，填充和容器的保證金和內容股利％