Toggle at top of the page, to expand/collapse all headers -elegant solution?

Hi folks,

I'm about to implement something a bit like the expand-all | collapse-all on this page (hopefully less tacky):

http://www.dynamicdrive.com/dynamicindex17/ddaccordion_suppliment.htm

BUT, I'm still very green, so was hoping some folks can lend a fair bit of their experience & time?

Screenshot of the project as implemented this far is attached...

I also have a copy of the main relevant files I'm working on, but it's all a bit private. So I hope you don't mind, but to those happy to help, may I please share via a pwd-protected OneDrive link?

To further flesh out what I was thinking, & just to get the ball rolling. I also have a bunch of pseudo-code which I'll include in the DM, to continue discussing there -as/if needed.

Comments

[SaulH]

hello?

[Waylon Walker]

Its hard to tell what you are asking about. The question seems only partially written. You could try to use images or gifs to point out visual things rather than links that folks may be a bit leary to click on. If you have a partial implementation post an image or embed a codepen.

[SaulH]

Thank you very much for your offer to help, plz see updated OP.