如何用跨浏览器显示隐藏内容div？

Question

我正在做一些内容div show hide使用动画但是显示它的固定宽度工作但我想没有宽度也应该跨越浏览器也缩小它必须在div显示模式时工作弹性明智。 / p>

代码中的任何建议或修改。

的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/

我将容器的宽度，填充和边距以及内容div更改为％