Streaming live at 10am (PST)

How to create citation > reference slide-out?

In the above page if you click on a citation in the article text, you can see the reference slide out from the side (desktop) or from the bottom of the screen (mobile).

Any idea how I could recreate this in Webflow?


It’s just a div block with all the CMS info in it (author, paper, date, description) which is then moved out of sight. Create a class of link that when clicked moves the div block into view.

Hey Jonathan, thanks for the reply.

I’m going to have several hundred citations and references in my articles. I think I understand creating the interaction, but I’m confused on how this would be contained in the CMS. Would each reference need its own CMS field?

yes. unless you can link it via an API to the google scholar or some other database.