Может ли 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, поэтому, к сожалению, это лучший совет, который я могу вам дать.