Jquery 如何使用交叉浏览器显示隐藏内容div？

我正在做一些内容div show hide使用animate，但现在它的固定宽度工作，但我想做没有宽度也应该跨浏览器缩小时，它必须在div show模式下弹性工作

代码中的任何建议或修改

JSFIDLE

---

以下是固定宽度问题的解决方案：

$("#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
});

---

为了使它具有响应性，您不应该对宽度、填充或边距使用固定度量（px）。相反，您可以使用%

我对你的CSS做了一些调整：

---

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

当它处于显示模式时，我使用收缩进行了测试，但它无法正常工作此动画工作正常，但当它折叠时，请查看浏览器中的收缩。我想要的是打开时的弹性模式mode@yyyi 777：你说的收缩是什么意思？收缩到底是什么意思？当我在收拢的内容中看到它时，您必须更加详细，它必须在任何宽度浏览器中固定。