Smoother аккордеон показать/скрыть

Question

Я работаю над проектом, используя Twitter Bootstrap в качестве основы (хорошо, вместе с CodeIgniter), и у меня проблема с вложенным аккордеон (каждая основная аккордеонная запись содержит много данные).

Вот страница: (Имя пользователя: peraspera, Пароль: adastra)

http://patternz.drkameleon.com/project/results/823990/3/extended

(пожалуйста, смотрите на вкладке "Результаты", это где вложенная аккордеон)

---

Что я могу сделать, чтобы сделать все это гладко? Есть идеи?

P.S. Я уже отключил анимацию, которая, похоже, не очень помогает (особенно, учитывая, что данные внутри аккордеона могут быть даже больше, чем есть на данный момент)

Answer 1

Если у вас есть доступ к CSS вашего аккордеона используйте функцию CSS3 перехода: http://www.w3.org/TR/css3-transitions/

-moz-transition : height 1s; 
-webkit-transition : height 1s; 
-o-transition : height 1s; 
transition : height 1s;