Estou usando o Jquery Draggable Collision encontrada aqui) e estou tentando redimensionar a área arrastável (quadrado azul, no meu JSFiddle) por meio de uma simples toggleClass () agor

Uma vez que anima (aumenta devido ao link toggleclass), eu gostaria de medir os dados de protrusão / colisão e subtraí-los da altura / largura dos objetos ao redo

Se a depuração estiver ativada para o plug-in, ele mostrará que ele coleta dados de protrusão / colisão, mas estou empolgado em saber como usá-lo para "encolher" os objetos vermelhos enquanto o objeto azul fica maio

Este JSfiddle fará mais sentido para a minha pergunta.

JSFiddle:http: //jsfiddle.net/jVABm

E outro exemplo do que estou procurando fazer:http: //www.adidas.com/us/homepage.as

Qualquer ajuda é muito apreciada. Não tenho certeza de como ou se posso, mas estaria disposto a oferecer uma recompensa por ajuda.

ATUALIZA: http: //jsfiddle.net/tmort/hCw2A - Escrevi o código para redimensionar dinamicamente as caixas de acordo com a altura. Agora estou trabalhando nos seguintes problemas:

Medir a largura e aplicar o mesmo efeito não funcion

Height não funciona se as caixas estiverem próximas umas das outra

Eu quero aplicar o script Isotope ao script de redimensionamento que eu escrev