Перетаскиваемые divs из аккордеона

Я создал всплывающий sideBar. В этой sideBar у меня есть аккордеон, содержащий div. Эти divs перетаскиваются. Пользователь может перетащить эти div и поместить их на главную страницу.

Проблема, с которой я сталкиваюсь, заключается в том, что когда divs перетаскиваются, они не видны за пределами аккордеона. Это можно увидеть в Это видео.

Я вижу, что это связано с тем, что переполнение установлено на скрытое, но когда я удаляю это, содержимое аккордеона отображается, когда оно должно быть скрыто.

overflow: hidden;

JSFiddle, чтобы показать мою проблему.

Как я могу исправить это/какие возможные способы обойти это.

Ответ 1

Попробуйте добавить это в свой css

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

Это то, что вы ищете? Обновлена ​​скрипка http://jsfiddle.net/gNAFY/3/ Если это решит вашу проблему, кажется, что внутри файла bootstrap.css, в строке 5245, правило "position: relative" делает ваши divs не появляющимися вне аккордеона. Таким образом, вам нужно поставить "reset" в положение static. Для селектора "el + el" css для работы в IE8 и ранее не забывайте <! DOCTYPE > .