Skip to Content

Hydro BG Accordian Tables

This site uses custom Wordpress theme templates to pull data, in this case links to various "spec" sheets. There are multiple sub-sections within each main section.

For my part, I needed to find a way to collapse the tables and only show the section headers. Clicking on a header or the "plus" icon would then open that section and display the associated tabular data. I was able to achieve this using javascript/jQuery so that all sections (or categories) were closed by default and then opened when clicked.

Site URL:hydrotrenchdrains.com/spec-sheets/

Each sub-section closed by default within the each main section
Table rows display data after clicking on section heading