Странное поведение с использованием jQuery, перетаскиваемого и изменяемого размера с помощью jquery collision 1.0.1

ользую Jquery Draggable Collision (нашел здесь) и я пытаюсь изменить размер перетаскиваемой области (синий квадрат в моем JSFiddle) с помощью простого toggleClass () прямо сейчас.

Как только он оживляется (становится больше из-за связи с переключателем класса), я хотел бы измерить данные о выступе / столкновении и вычесть их из высоты / ширины окружающих объектов.

Если для плагина включена отладка, он покажет вам, что он собирает данные о выступах / столкновениях, но я озадачен тем, как использовать его для «сжатия» красных объектов, в то время как синий объект становится больше.

Этот JSfiddle будет иметь больше смысла в моем вопросе.

JSFiddle:http://jsfiddle.net/jVABm/

И еще один пример того, что я хочу сделать:http://www.adidas.com/us/homepage.asp

Любая помощь очень ценится. Я не уверен, как или если я могу, но я был бы готов назначить награду за помощь.

ОБНОВИТЬ: http://jsfiddle.net/tmort/hCw2A/ - Я написал код для динамического изменения размеров ящиков в соответствии с высотой. Сейчас я работаю над следующими вопросами:

Измерение ширины и применение того же эффекта не работает.

Высота не работает, если ящики находятся рядом друг с другом.

Я хочу применить скрипт Isotope к написанному мной скрипту изменения размера.

Ответы на вопрос(2)

Ваш ответ на вопрос