Divs có thể kéo từ accordion

Question

Tôi đã tạo ra một thanh bên xuất hiện. Trong đó sideBar tôi có một accordion trong đó có divs. Những div đó có thể kéo được. Người dùng có thể kéo các div đó và định vị chúng chính trang.

Sự cố mà tôi đang gặp phải là khi các div được kéo chúng không hiển thị bên ngoài accordion. Điều này có thể được nhìn thấy trong video This.

Tôi có thể thấy rằng nó là để làm với tràn được thiết lập để ẩn tuy nhiên khi tôi loại bỏ này accordion nội dung được hiển thị khi nó nên được ẩn.

overflow: hidden; 

JSFiddle để hiển thị thêm vấn đề của tôi.

Làm cách nào tôi có thể sửa lỗi này/cách có thể để giải quyết vấn đề.

Answer 1

Hãy thử này thêm vào css của bạn

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

Đây có phải là những gì bạn đang tìm kiếm? Cập nhật fiddle http://jsfiddle.net/gNAFY/3/ Nếu điều này giải quyết vấn đề của bạn, có vẻ như bên trong tệp bootstrap.css, tại dòng 5245, "vị trí: tương đối" quy tắc làm cho các div của bạn không xuất hiện bên ngoài accordion. Vì vậy, bạn cần phải "thiết lập lại" vị trí tĩnh. Đối với bộ chọn css "el + el" để làm việc trong IE8 trở về trước, đừng quên <! DOCTYPE>.