jQueryソート可能 - ソートしようとするとコラプスが表示される

Question

ユーザーが追加および削除できるリストがあります。リストの長さは任意です。

jQuery sortableをリストに追加しようとしています。このリストでは、カスタマイズされた詳細のソートのみが許可されます。ユーザーがホバーオーバーすると、カスタマイズされた詳細がオレンジ色で表示されます。

ただし、カスタマイズされた詳細をドラッグ/ソートしようとすると、リストがゼロの高さに折りたたまれ、並べ替えが不可能になります。

私は今数時間この問題に取り組んでいます。多くのことを試しました.SO & Google - all failed。

リストの高さが動的でソートを完了している場合、ソート可能なリストを表示するにはどうすればよいですか？

ここには私が持っている問題のjsfiddleがあります。ここで

は、高さの問題が問題であってもよいこと、関連するHTMLコードは（コードの残りの部分はJSFiddleである）である：

<div class="live_preview_contents_display1" style="background: teal; overflow: auto;"> 

Answer 1

は、クラスsortableとulはありません更新fiddleをお試しください子供としてdivだからsortableはうまくいきませんでした。