jquery - 要素の高さを減らした後にドラッグ可能を実装するにはどうすればよいですか?

Question

div の高さを減らして、jquery-ui-draggable を使用してドラッグ可能にしたい。これは私がJSで行ったことです

 $(".sortable").sortable({
      revert: true,
      start : function (){
        $(".qhide").css("height","60px");
        $(".qhide").css("overflow","hidden");
      },
      stop : function(){
        $(".qhide").css("height","");   
        $(".qhide").css("overflow","none");
      }
    });

私のhtmlはこのようなものです

<div class="sortable">
    <div class="row">
     Some content here
        <div class="qhide">some more content here</div>
    </div>
</div>

問題は、ビューで高さが減少しても、ドラッグに使用される高さが div の元の高さであることです (つまり、div をページの下にドラッグして下に移動させる必要があります)。凝縮構造）。これを変更する方法はありますか？