How can I make a certain div appear when clicking on a link?

Question

css

how to make it so that when clicking on a link, a certain div appears on the same page?
For example, I click on information1, the necessary content appears on the right...etc

Answer 1

jsfiddle.net/TYhnb

Answer 2

tabs

Answer 3

there are many options, the simplest ones are in javascript.
on css you can try like this: https://jsfiddle.net/fcdk5dyn/
it is important that the checkbox and the hidden div are inside the same parent.
Further, there are many design options, and it is not necessary to use display: none to hide. You can make it transparent, decrease/increase the height, add transitions and animations.