Expandable Bio Sections

I have a problem that I think should be easily solvable, but I just can’t get it to work.

I have a bio section and the client wants to have each individual bio open full width underneath the row of bios.

I’ve tried interactions, dropdowns and now currently have it set up in tabs. The first problem is the tabs won’t close after clicking on the Read Bio button a second time.

The second problem is that I am also unable to put a LinkedIn icon and link into the top portion of the tab links because you can’t have “links within links” in a tab setup. So it’s not the solution I’m looking for.

Example of what I want to do:

Here is my site Read-Only: [LINK](Webflow - BaratiMedical)

This should help. Create a custom accordion | Webflow University

You can create this using interactions instead of tabs