可以jquery重新定位和调整div

Question

我有一个页眉,页脚和中间区域的页面.中间是3个相等的列,每个宽度为33%.

单击一列时,我希望该列爬过其他2列并获得100%的宽度,并将2列重新分配到50-50.

• 这种事情是否可能(和可靠)与jquery,或者是太麻烦了？
• 可以用动画完成吗？
• 任何例子

Answer 1

是的,它可以做到:

$("#column1").css("width", "100%");
$("#column2, #column3").css("width", "50%");

要将列移到顶部,您可以执行以下操作:

$(column).parent().prepend(column);

我在jsFiddle上放了一个例子来说明如何在点击div时这样做.

jQuery可能是最可靠的方法,因为它被编写为跨浏览器兼容.

在这里查看 css方法的文档.