Требуется помощь при переполнении CSS - Для jquery collpase

Question

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

<a class="dropdown" style="float: right;" href="#collpasediv" data-toggle="collapse"> Collapse </a>

Это колпаседив

<div id="collpasediv" class="collapse in"> 
<div class"circlecount">
1
</div>
<div class"content">
Some text goes here
</div>
</div>

Я бы хотел переместить половину круга circlecount за пределы коллапса. По умолчанию при загрузке применяется атрибут overflow:hidden для collapsediv.

Я попытался применить overflow:visible для collpasediv и circlecount. Но развал не работает должным образом. Может кто-нибудь помочь мне это исправить? Спасибо

PS: Circlecount div - это просто отображение чисел с некоторым обведенным фоном. Я хочу, чтобы половина круга за пределами collpasediv и половина круга внутри collapdivdiv.

Спасибо

Answer 1

В таблице стилей для начальной загрузки Twitter есть следующее объявление:

.collapse.in { height: auto; }

Добавить к этому так:

.collapse.in { height: auto; overflow: visible; }

Или перегрузите его, добавив новое объявление, подобное этому (оставьте другое объявление нетронутым в начальной загрузке - это облегчит обновление в будущем):

.collapse.in { overflow: visible; }