Efecto maximizar/minimizar contenedores

[bathorz]

¿Tiene que ser con Jquery? ¿No te sirve resize de css?

Código HTML:

<style type="text/css">
  .div1,.div2{
    border: 2px solid;
    padding: 10px; 
    width: 300px;
  }
  span{
    display:inline-block;
    border: 1px solid;
    padding: 5px;
    resize: vertical;
    overflow: auto;
  }         
</style>
<div class="div1">1<span>span</span></div>
<div class="div2">2<span>span</span></div>
 

O aplicar al div directamente

Código CSS:

.div1,.div2{
    border: 2px solid;
    padding: 10px; 
    width: 300px;
    resize: vertical;
    overflow: auto;    
  }