How to set up collapse in bootstrap correct positioning?

Question

JavaScript

https://jsfiddle.net/og712888/
If you click on Collapsible Group Item #2, the block opens, but the bottom of the page is not displayed, Collapsible Group Item #2. Please tell me how to fix the code to correctly focus on Collapsible Group Item #2, Collapsible Group Item #3 and back Collapsible Group Item #3?
Wrong offset:
recordit.co/deBtnXrpMy

Answer 1

everything works fine