I need the following functionality on my page.

there's a set of images sliding from left to right. Each image corresponds to an according below it. (Note that image is NOT part of the accordion. Accordion has its own header and content, the image is separate above it). Initially, no accordion is displayed, when you click on an image the corresponding accordion is to be displayed, and all others to hide). I've used the bootstrap accordion on my page, which works fine on its own, but I'm not sure how to do the part linking that to the image slider.

Also, is there any other alternative than using the accordion here? Please note this should also support touch sliding.

Regards,
Chathu