Как сделать jQuery UI Resizable также изменить размер в обратном направлении.

Предположим, в html есть два тега div, если я изменяю размеры вверх, значит, другая вещь должна уменьшаться вниз

<script>
        $(function() {
        $("#resizable").resizable({alsoResize: ".myiframe"});

    });
</script>
<div id = "resizable">
        This is the resizable content...
</div>

<div class="myframe">
   This must resize in reverse direction...
</div>

я пробовал, но бесполезно, пожалуйста, руководство, чтобы решить эту проблему