Working on a site and am stuck with an issue I cannot seem to find a solution to. The issue involves using Webflow's CMS to populate staff member bios. I’ve set up a Collection to include all the dynamic content which works as expected. The bios are lengthy so I’ve set up the dynamic list items to include two sections: a bio header div that includes a photo, name and title — and a bio content div that contains: a bio paragraph, candid photo and a quote. The bio content style has a initial vertical size of zero (so it’s hidden) — and when the bio header is clicked it is supposed to display the bio content div using an interaction I’ve set up named "accordion" (where the vertical size is set to auto — it also includes a toggle to set it back to zero on the second click). This function works on a test section (at the top of the test page) where I’m not using the dynamic list -- but it does not work for the dynamic list (the section at the bottom).
See the "meet the staff" page to view how I've set this up.
Here's a screenshot of the page in question:
Here is my public share link: https://preview.webflow.com/preview/csnc?preview=82dbf081d1d3eecd7cc6f1ae01b12aa7
(how to access public share link)