Jquery 当浮动div'；它的大小调整了吗？

我的布局是一个流动的（98%的页面宽度）包含框。我有多行，占这个容器宽度的100%，并且有固定的高度

我需要每行3个div（绿色、红色、蓝色）-但红色div在打开之前是隐藏的，此时它会滑出。当前，当红色div滑出时，根据蓝色div中“主文本”的数量，蓝色div将环绕在行下

我的目标

尝试1

$（'a'）。单击（函数（）{
$（'#tC'）。设置动画（{width:'toggle'}）；
});

JS-Bin
文章、旁白、数字、页脚、页眉、H组、，
菜单，导航，部分{显示：块；}
#容器{最小宽度：900px；宽度：98%；边距：02%；浮动：左侧；边框：1px实心#000；高度：145px；溢出：隐藏；}
#a、 #b，#tC{填充：20px；字体大小：30px；高度：145px}
#a{背景：0C0；宽度：100px；浮点：左；}
#tC{背景：#C00；宽度：400px；浮点：左；边距右：20px；}
#{背景：#00C；高度：145px；浮点：左；位置：相对}
#底部{位置：绝对；底部：44px；字体大小：13px}
总费用
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
蓝色div底部的单词！
您可以尝试询问蓝色元素的当前宽度，-=400px，同时将400xp添加到红色ad中，
然后切换，蓝色宽度=0px，红色+=400px

var width $('bluebox').width();
width = width - 400;
$('bluebox').css('width', width + 'px');
$('redbox').animate({width: 'toggle'});

提问者提供了他们自己问题的答案，但这只是一个链接，因此被删除。对于后人来说，它又一次出现了，但代码被内联


var i=1；
$（'#a'）。单击（函数（）{
如果（i==0）{
$（'#tC'）。设置动画({
宽度：“0”，
}, 1500 );
$（'#b'）。设置动画({
marginLeft:“140px”，
}, 1500 );
i=1；
}否则{
$（'tC'）。设置动画({
宽度：“400px”，
}, 1500 );
$（'#b'）。设置动画({
marginLeft:“540px”，
}, 1500 );
i=0；
}
});

JS-Bin
文章、旁白、数字、页脚、页眉、H组、，
菜单，导航，部分{显示：块；}
#容器{最小宽度：900px；宽度：98%；边距：02%；浮动：左侧；边框：1px实心#000；高度：145px；溢出：隐藏；空白：nowrap；}
#a、 #b，#tC{填充：20px；字体大小：30px；高度：145px}
#a{背景：0C0；宽度：100px；浮点：左；}
#tC{背景：#C00；宽度：0；浮点：左；}
#{背景：#00C；高度：145px；位置：相对；左边距：140px；空白：正常；}
#底部{位置：绝对；底部：44px；字体大小：13px}
总费用
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
蓝色div底部的单词！