I'm a front end design with a few basic coding skills but  i have no idea of js so this simple accordian is stumping me. i don't want the weight of jquery and found this js online https://codepen.io/dp/pen/qvwKJK?editors=1100 

what i want it do is have the hidden parts hidden when page loads and then each one open when clicked on and closed when clicked on again.  

this looked great https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/ but no edge  (can live with already-open-only if it was only IE) 

this is what i have https://codepen.io/dp/pen/qvwKJK?editors=1100  this is what i#m aiming for but only got it to work on one https://codepen.io/dp/pen/LavQOm?editors=1100 then found the code to cycle through the links and find the onesto be toggled

thanks, I'll give that a spin!

huh codepen was down today! other people's and my own dribblings   looks good though. to be honest i've had a such a time fighting with modx (eugh) that i have no energy left until next week now