How to make a small div appear when a link is clicked?

Question

css

How to make a small div appear when a link is clicked? While darkening the rest of the page.
In general, an example on https://blog.yandex.ru/
Click on the scoreboard of services (icon with squares) on top

Answer 1

Something like this codepen.io/larrygeams/pen/reiDd
You can find it in the examples by the keywords - toggle nav , sidebar nav . And to style, from where it will appear and how it is possible in css. The gist of Jquery and the .click() event

Answer 2

Connect bootstrap and use their modal window widget. Or write in jquery - there are 3 lines of code. If you don't know jquery, learn it now. I can't imagine a web project where jquery would not be the basis for the site's user interface.