Ajuste de Divs

Front-end
#1

Bom dia galera sangue bom

Estou mexendo numa aplicação onde tem um mapa e um grid em Divs diferentes e preciso ajustar elas 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