アコーディオンからドラッグ可能なdiv

Question

サイドバーを作成しました。そのサイドバーにはdivを含むアコーディオンがあります。これらのdivはドラッグ可能です。ユーザーはこれらのdivをドラッグしてメインページに配置できます。

私が経験している問題は、divをドラッグするとアコーディオンの外側に表示されないことです。これはThisビデオで見られます。

オーバーフローが隠されているのがわかりますが、これを取り除くと隠すべきときにアコーディオンのコンテンツが表示されます。

overflow: hidden; 

JSFiddleさらに私の問題を示します。

どうすればこの問題を回避することができますか/それを回避する方法はありますか。あなたのCSS

.accordion-heading + div.accordion-body { 
    position: static; 
} 

にこれを追加すること

Answer 1

てみてください、これはあなたが探しているものですか？ updated fiddle http://jsfiddle.net/gNAFY/3/ これが問題を解決した場合、5222行目のbootstrap.cssファイル内で、「position：relative」ルールによってdivがアコーディオンの外側に表示されないように見えます。したがって、静的に位置を「リセット」する必要があります。 "el + el" cssセレクタがIE8以前で動作するには、<！DOCTYPE>を忘れないでください。