Link Questions to Answers Dynamically in CMS

Hi Webflow Community,

I’m building a Q&A section with the following functionality:
1. When a Question(left side bar ) (CMS item) is clicked, the corresponding Answer should appear dynamically on a right sidebar.
2. The clicked Question should be visually highlighted (e.g., background change).
3. The Answer content should update smoothly without reloading the page.

Challenges
• How can I link the clicked Question to the right Answer dynamically?
• How do I apply active state styling to the clicked Question?

I’ve tried using Collection Lists and Interactions but can’t get this to work. Any guidance or custom code suggestions would be greatly .

Sounds like a job for CMS-driven tabs:

1 Like

Thanks, but this won’t work because I also need two form fields, and the form will fit inside the tabs links part. Here is a demo link. As you can see in the preview link, I need a left sidebar for the questions along with the two form fields, and I need dynamic answers on the right sidebar. When I click on any question, its corresponding answer should appear. I need a solution by today.

https://preview.webflow.com/preview/pienomial?utm_medium=preview_link&utm_source=designer&utm_content=pienomial&preview=f3d60195b8201b2e14dc970f0d6cfe07&pageId=6763f7bf673f5d7c0dae2f44&locale=en&workflow=preview

Hi Insiya,

You haven’t given much to work with but this cloneable might help you with the basic concept of CMS-driven interactions.