Load div content based on clickable link

I’ve been Googling this topic, and I’m not hitting a solid, up-to-date answer.

Basically, I want to have three div containers on a theme page, and then show content on the page based on a clickable link. I need it to be SEO friendly.

I know how to build theme pages, and all of that jazz… just don’t know how to do jquery (or javascript or ajax) to make this work well.

For example, I have three custom fields, and three links. When a link is clicked, an area on the pages shows the data from a certain custom field, in a Google friendly way. Similar to this idea, but I couldn’t get it to work in WordPress:

https://codepen.io/JoshBlackwood/pen/yoLBJ

If anyone has a plugin, or knows how to do this, that would rock. To be clear, something like Tabby Tabs isn’t what I’m after. Don’t want tabs – the links and div containers need to be in separate areas of the page.

Thank you!!!!