To Accordion or to not Accordion

To Accordion or to not Accordion that is the question

With the HTML details element it makes an Accordion view very simple to implement with basic CSS, as demonstrated in the image to this post, where each section becomes a part of the accordion structure. The only default visible sections would be the main image, the short description and the map and stats. It is tempting to adopt this to the site and make navigation a lot easy than the current mass of scrolling to get to the relevant headings on the site. The issue is that I would either need to re-cast every single post to restructure into the details element or adopt javascript to restructure the HTML on-the-fly. A couple of links that follow offer some kind of assistance,

• https://design-system.service.gov.uk/components/accordion/
• https://digitalcommunications.wp.st-andrews.ac.uk/2024/02/14/when-to-avoid-accordions-on-web-pages/

Something to contemplate!