jquery - 如何使用跨浏览器显示隐藏内容 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/

我将容器和内容 div 的宽度、填充和边距更改为 %