Problemas em redimencionar divs

Front-end
#1

Bom dia galera sangue bom

É o seguinte, estou usando numa classe JSP onde tem um mapa e uma grid abaixo onde ficam listados caminhões que são mostrados no mapa.

Eu precisava que pudesse ajustar estas divs conforme eu vá arrastando 1 por cima da outra ou vice-versa, elas se ajustem automáticamente…

Não tenho idéia de como proceder, eu usei Jquery no qual muda dados do CSS e um link chamando a função…

  minimizado = true;
    function alterar( ele ){
    	if( minimizado ) {
    		jQuery( '#mapa' ).css( "height","45%" );
    		jQuery( '.filterTable' ).css( "height","450px" );
    		ele.innerHTML = "... Diminuir Mapa ..."; 
    		minimizado = false;
    	} else {
    		jQuery( '#mapa' ).css( "height","120px" ); 
    		jQuery( '.filterTable' ).css( "height","450px" ); 
    		ele.innerHTML = "... Ampliar Mapa ..."; 
    		minimizado = true;
    	}
    }

A chamada no link está aqui abaixo…

<a href="javascript:void(0);" onclick="alterar( this );" class="amplia" title="Clique para ampliar ou diminuir o Mapa!">... Ampliar Mapa ...</a>

Se alguém puder ajudar…
Desde já agradeço. :!:

#2

Cara, eu até tentaria ajudar se conseguisse entender o que você quer fazer.
Juro que tentei ler umas 3 vezes. Classe JSP?

Você quer dimenSionar as divs da sua página, como se tivesse uma borda arrastável nos cantos? Eu acho mais fácil você ter 2 estados - pequeno e grande. Com um clique em uma lupa ou algo assim ele aumenta/diminui.

#3

Desculpe… é que o código esta dentro de um JSP, me expressei errado!!

Este código já faz assim, mas empresa quer que seja ajustável.

#4