可以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方法的文檔。

Answer 2

http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery

看看例子B，因為我認為這就是你要找的東西。 我自己對jQuery沒有很多經驗，所以不幸的是這是我能給你的最佳建議。