Bootstrap-аккордеон, прокрутить вверх активный (открытый) аккордеон при нажатии? ⇐ Jquery

[Anonymous]

Я создаю адаптивный сайт с использованием Bootstrap, и он содержит аккордеоны с большим количеством текста. Когда вы читаете до конца и нажимаете следующий аккордеон, большой объем текста сворачивается, и я остаюсь внизу. страницы.
Я нашел этот полезный код при прокрутке аккордеона Bootstrap до верхней части заголовка активной панели, но он прокручивается до верхней части всех аккордеонов, а не конкретного открытого.< /p>
JS
$(function () {
$('#accordion').on('shown.bs.collapse', function (e) {
var offset = $('.panel.panel-default > .panel-collapse.in').offset();
if(offset) {
$('html,body').animate({
scrollTop: $('.panel-heading').offset().top -20
}, 500);
}
});
});

Как можно изменить этот код для прокрутки к началу активной в данный момент аккордеона?
HTML

Short synopsis

Concepts

Themes

Notable locations

Notable characters

Full description

Подробнее здесь: https://stackoverflow.com/questions/359 ... n-on-click