Connect accordion dynamically with flex slider

Hi,
I have a flex slider of app screenshots and a accordion of their functions and description.
and below is some functions I want to achieve:

1. When I click on the n-th accordion title, the slider will automatically go to the n-th image.
2. When I click on .flex-next or .flex-prev, the accordion title of the correct image will automatically toggle.

I know in jQuery there are some useful APIs to achieve this, and what should I do with Canvas?

Thanks.