Javascript jQuery切换在引导容器包装内展开divs

伙计们，基本上会有一个引导容器

div

，里面会有4个卡片样式

div

s，带有切换展开/缩回按钮。当你点击一张卡片的按钮时，div会一直扩展到容器的宽度。请检查图像。我是jQuery的新手，用我的脚本，我无法实现全部宽度。如果有人能帮我，那就太好了。下面是代码-

$（文档）.ready（函数（）{
$（“#切换按钮”）。单击（函数（）{
var-toggleWidth=$（“#exp_卡_1”）.width（）==600？“200px”：“600px”；
$（'#exp_card_1'）。设置动画({
宽度：切换宽度
});
});
});
\exp\u卡\u 1{
位置：相对位置；
高度：310px；
背景：#2d3644；
z指数：1；
}
#切换按钮{
位置：绝对位置；
右：0；
最高：43.7%；
高度：38px；
宽度：38px；
背景：#131f34 url（“../images/arrow.png”）不重复；
背景位置：5px9px；
边界半径：3px 0 3px；
光标：指针；
}
这就是你要找的吗

我建议看一下MDN，以更深入地了解CSS道具：


$（文档）.ready（函数（）{
$（“#切换按钮”）。单击（函数（）{
var toggleWidth=$（“#exp_card_1”）.width（）>0？“0%”：“100%”；
$（'#exp_card_1'）。设置动画({
宽度：切换宽度
});
});
});
\exp\u卡\u 1{
位置：相对位置；
高度：310px；
背景：#2d3644；
z指数：1；
}
#切换按钮{
位置：绝对位置；
右：0；
最高：43.7%；
高度：38px；
宽度：38px；
背景：#131f34 url（“../images/arrow.png”）不重复；
背景位置：5px9px；
边界半径：3px 0 3px；
光标：指针；
}

，你确定宽度真的是
600
@adeneo-我刚才给了600只是为了检查切换宽度是否有效。我想让div一直扩展到容器。@adeneo-请检查所附图像。嗨@Brewer Gorge，我想让div一直扩展到容器。如果你说的是角落的边距，你可以将body的边距设置为0来删除它。一般来说，我会建议使用Chrome开发工具（或FF web inspector）来解决这些样式问题。他们真的会给你即时的反馈，这对初学者来说非常有用。请查看附件中的图片。