Twitter bootstrap

[nikko 0]

Сейчас наверно уже многие столкнулись с "резиновыми шаблонами". Я вот первый раз. Осваиваю пока этот фреймворк и есть кое что совсем не понятное. Может тут найдётся знающий человек.

В общем задача простая нужно добавить больше разворачивающихся строчек в "аккордеон" Twitter bootstrap.

Из кода понятно что есть collapse которое разворачивает либо collapseOne, collapseTwo, collapseThree - вопрос как добавить

четыре и т.д.? Прикол в том, что где бы меню не находилось по событию разворачивается именно 1,2,3 строчка.

Код в шаблоне следующий:

<div class="accordion-group">

					 <div class="accordion-heading ">

					    <a class="accordion-toggle collapsed " data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">

						   <div class="pull-right"><i class="icon-comment"></i></div>

						    Антифризы

					    </a>

					 </div>

					 <div id="collapseOne" class="accordion-body collapse ">

					    <div class="accordion-inner">

						   {custom category="1,2,3,4,5" template="side1" limit="4" order="comments"}

					    </div>

					 </div>

				  </div>


				  <div class="accordion-group">

					 <div class="accordion-heading">

					    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">

						   <div class="pull-right"><i class="icon-star"></i></div>

						   Промывочные масла

					    </a>

					 </div>

					 <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; ">

					    <div class="accordion-inner">

						   {custom category="1,2,3,4,5" template="side1" limit="4" order="rating"}

					    </div>

					 </div>

				  </div>


				  <div class="accordion-group mr">

					 <div class="accordion-heading">

					    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">

						   <div class="pull-right"><i class="icon-eye-open"></i></div>

						   Присадки

					    </a>

					 </div>

					 <div id="collapseThree" class="accordion-body collapse" style="height: 0px; ">

					    <div class="accordion-inner">

						   {custom category="1,2,3,4,5" template="side1" limit="4" order="reads"}

					    </div>

					 </div>

				  </div>