Як зробити, щоб при натисканні на іконку випливало вікно поруч

При натисканні на іконку пошти :

іконку
Спливало віконце з цим вмістом, без останньої інформації про часи.
іконку

Ось фрагмент коду цієї шапки

Сайт легкої атлетики

1) робиш меню, що випадає, дочірнім елементом блоку/посилання, при наведенні на яке меню повинно випадати. 2) позиціонуєш абсолютно в те місце, де воно має відображатися 3) ховаєш його display:none 4) далі такий фінт вухами: .parent:hover .menu При наведенні на батька буде відображатися меню .

Також є більш довгий спосіб на чистому css, зробити іконку лейблом для input type="checkbox"; І далі за допомогою псевдокласу :checked керувати сусіднім елементом, його видимістю.