DEV Community

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

Posted on • Updated on

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...
Alt Text

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.

Top comments (3)

Collapse
 
saulhj profile image
SaulH

hello?

Collapse
 
waylonwalker profile image
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.

Collapse
 
saulhj profile image
SaulH • Edited

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