Przeciągane divy z akordeonu

Question

Stworzyłem pop boczny. W tym boku mam akordeon, który zawiera divy. Te elementy div są przeciągalne. Użytkownik może przeciągnąć te elementy i ustawić ich stronę główną.

Problem, którego doświadczam, polega na tym, że po wciągnięciu elementów div nie widać ich poza akordeonem. Można to zobaczyć w wideo This.

Widzę, że ma to związek z tym, że przepełnienie jest ustawione na ukryte, ale kiedy to usuwam, zawartość akordeonu jest pokazywana, kiedy powinna być ukryta.

overflow: hidden; 

JSFiddle, aby dodatkowo pokazać mój problem.

Jak mogę naprawić ten/jakie są możliwe sposoby obejścia go.

Answer 1

warto dodać to do Twojego CSS

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

Czy tego szukasz? Zaktualizowany skrzypce http://jsfiddle.net/gNAFY/3/ Jeśli to rozwiązało twój problem, wydaje się, że wewnątrz pliku bootstrap.css, w linii 5245, reguła "position: relative" sprawia, że ​​twoi divy nie pojawiają się poza akordeonem. Musisz więc "zresetować" pozycję do statycznego. Dla selektora css "el + el" do pracy w IE8 i wcześniejszych, nie zapomnij o <! DOCTYPE>.