Как сделать выпадающий QR-код при наведении на ссылку?

Question

[Сергей Золотарёв]

Всем привет!
У меня возникла вот такая трудность:
Получил задание-сделать выпадающий элемент с QR-кодом. Суть задания-чтобы при наведении на ссылку открывалось изображение QR-кода. Пробовал использовать специальный контейнер с изображением QR-кода и использовал JQuery для того, чтобы страница знала, что при наведении на ссылку открылся тот же элемент с QR-кодом. И JQuery в этом не помог! Пробовал CSS3 и такие же проблемы возникали. Я знаю, как выпадающее меню делать, а по выпадающему QR-коду не нашёл ответов в Яндексе.
А в веб-дизайне применяется метод выпадающего QR-кода и как с помощью HTML5 и CSS3 сделать выпадающий QR-код?
Заранее вам спасибо!

Comments

[Алексей]

https://www.w3schools.com/css/css_tooltip.asp

[Сергей Золотарёв]

Алексей, спасибо тебе! Твой материал отлично помог решить эту проблему!

Answer 1

[Марат Гарифуллин]

jQuery

$('.link_class').hover(
  () => { $('.qr_div').show(); }
  () => { $('.qr_div').hide(); }
);