Best Practice for Vertical scrolling through long collapsible submenus

We're redesigning some of our landing pages. In this case each landing page has 6-8 course categories each of which contain 3-4 courses by date, time and price.

Each course has a CTA button and is contained under collapsible course menu. The landing page currently opens with all menus expanded, which introduces the issue of needing to scroll down a lot to find the right course. We also believe we can organize the data better.

For this we've come up with a floating bar at the right side which, when clicked upon, scrolls to the right course category (e.g, category 4).

We're wondering if there's a better way to do this. Suggestions to improve the layout would also be welcome.