What I have : On SharePoint Online, three content query webparts which use catalogs. So these webparts display files from other collections.
What I need : that this three webparts become one dynamic accordion.
That is to say, if you click on "Library one" it reduces "Library two" and "Library three". If you click on "Library two", it reduces the others, etc.
Honestly I have no clue on how to do that or if it's even possible. I used some JS before to customize my pages but not so much.
I'm searching for a client-side solution JSOM/JQuery. Thank you for your help.