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

【问题标题】：how to do show hide content div with crossbrowser?如何使用跨浏览器显示隐藏内容 div？
【发布时间】：2012-06-06 10:38:11
【问题描述】：

我正在使用动画做一些内容 div 显示隐藏，但目前它是固定宽度的工作，但我想不使用宽度，它也应该在缩小时跨浏览器，当 div 显示模式时它必须是弹性工作。

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

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

【问题讨论】：

标签： jquery cross-browser jquery-animate

【解决方案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
});

【讨论】：

当它是显示模式时，我通过缩小测试它无法正常工作
这个动画效果很好，但是当它被折叠时，请看看在浏览器中缩小。当它处于打开模式时，我想要 id 完全弹性模式
@yyy i 777：收缩是什么意思，收缩到底是什么意思？你必须更具体
当我看到折叠的内容时，它必须在任何宽度的浏览器中固定。

【解决方案2】：

为了让它响应你不应该使用固定的措施（px）宽度或填充或边距。相反，您可以使用 %。

我对你的 CSS 做了一些调整：http://jsfiddle.net/xUKRf/10/

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

【讨论】：