Javascript-форум - Плавная прокрутка до заданного элемента

Добрый день! У меня есть раздел FAQ (часто задаваемые вопросы). Их очень много и ответы тоже большие. Я хочу чтоб при нажатии на вопрос он раскрывался и сайт плавно проматывал страницу до начала его ответа, чтобы пользователь не скроллил сам.
список вопросов визуально(см скрин)
верстка (см скрин).
Получилось сделать чтоб он плавно раскрывался по нажатии на ссылку ".opener_link".
А надо еще сделать чтоб по нажатию на ссылку ".opener_link" страница прокручивалась до начала его ответа.
Помогите пожалуйста реализовать.

<div class="block-answer">
    <p>
        <a href="#" class="opener_link question_link active">Вопрос первый</a>
    </p>
    <div class="opener_contain" style="display: block;">
         <p>тут длинный ответ</p>
     </div>
</div>