Bootstrap 3 аккордеон + переход к якорю — как реализовать?

Question

[hollow]

Доброго дня!

Пытаюсь разобраться в бутстрапе и столкнулся с проблемкой.
Желаю: При разворачивании блока аккордеона - перемещать страницу к развернутому тексту.
Проблема: Не понимаю, как это реализовать, т.к. в принципе раскрытие блока осуществляется по якорю, т.е. и перемещаться должно к нему?

код:

<div class="accordion" id="accordion">
<div class="accordion-group">
	<div class="accordion-heading">
		<a class="accordion-toggle"data-toggle="collapse"data-parent="#accordion"href="#Three"><table width="100%"><tr><td width="7%"><img src="#"></td><td width="70%">Lorem ipsum dolor sit amet</td><td width="23%">Status</td></tr></table></a>
	</div>

	<div id="#Three" class="accordion-body collapse">
		<div class="accordion-inner">
			Lorem ipsum dolor sit amet
		</div>
	</div>
</div>
</div>

Comments

[hollow]

Сейчас при раскрытии аккордеона разворачивается блок и текст уезжает вниз

Хочется сделать так, чтобы браузер прокручивался к центру развернутого блока , допустим в такое положение:

Столкнулся с тем, что я не понимаю как это реализовать стандартными свойствами/методами (и можно ли вообще?) или придется прибегать к сторонним наработкам(если да, то каким).

Answer 1

[Юрий Лобанов]

Поясните, пожалуйста. Когда Вы открываете аккордеон - разве Вы уже не находитесь возле разворачиваемого текста?

upd: вот такое решение на коленке могу предложить.
jsfiddle.net/sLfxw/5

Comments

[hollow]

Да, наверное я все же ошибся в описание того, чего хочу достичь.. Сейчас исправлю.

[Юрий Лобанов]

@hollow просто определяйте позицию кнопки аккордеона и скрольте до нее. Сейчас попробую пример накидать.

[hollow]

@iiil хорошо, спасибо, буду ждать.

[Юрий Лобанов]

@hollow дополнил ответ, посмотрите.

[hollow]

@iiil спасибо, почти то, что нужно :) чуть под себя переделал и получил нужный результат!