анимационная полоса прокрутки, соответствующая меню, анимация щелчка не правильно поступает из пункта меню

Question

Когда я нажимаю кнопку «плюс», ее подгруппа расширяется. У меня возникают проблемы при нажатии на конкретную кнопку c, полоса прокрутки не настроена в соответствии с выбранной кнопкой +
Полоса прокрутки не перемещается в выбранные меню, она смещается в любое место из подменю ..

here is my js code 
(function init() {
        $('div[role="tabpanel"]').first().addClass("in");
        $('.panel i').first().addClass("glyphicon-minus");
        $('.panel-collapse').on('show.bs.collapse', function (e) {
            $(this).find('.panel i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
            $(e.target).parents('.panel').find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');

            var $panel = $(this).closest('.panel');
            $('.scrollbar').animate({
                //scrollTop: 30
                scrollTop: $panel.offset().top
            }, 300);

        });

        $('#accordion').on('hide.bs.collapse', function (e) {
            $(e.target).parents('.panel').find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
        });

});