Попытка превратить ширину гильзы в ширину в 100% по размеру

Question

Вы можете увидеть пример того, что у меня есть сейчас here.

Я пытаюсь получить div, который является «полным», чтобы расширяться от середины, отталкивая других от пути в этом процессе. То, что у меня есть, подтолкнет их к левому краю, а затем расширит их. Я знаю, что это потому, что у меня есть position:absolute. Любые идеи о том, как я могу добиться этого эффекта?

Answer 1

Вот рабочий пример того, что я думаю, что вы описываете: http://codepen.io/anon/pen/pKfAw

Я извлекал дисплей: стол с DIV и установить .min, .min р к ширине 0px с переполнением скрытые и удалены высоты 0%.

Проблема, почему это был прыжок, состоит в том, что вы установили все минимальные значения в 0 с полным плавающим влево. Это автоматически подтолкнуло его влево, а затем расширило. Теперь все divs оживляют до 0, а .full оживляет до 100%.

Answer 2

Не уверен, что вы подразумеваете под словом "expand from the middle out". Вот краткое исправление для вашего js:

$('div').on('click', function(){ 
    var $this = $(this); 
    $this.toggleClass('full'); 
    $this.siblings().toggleClass('min'); 
}); 

Это добавляет полный класс к div, который был нажат.