При наведении на картинку отобразить список

[nikki4]

Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами.

Вот вопрос как это делается?

вот в частности такая структура сейчас на сайте:

<p><a class="thumbnail" href="/">
<img class="thumb" src="/.jpg">
</a>
</p>
<p>Игредиенты</p>
<ul>....</ul>
<p>Время приготовления:</p>
<p>Выход:</p>

Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать.

Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

 

Edited April 13, 2016 by nikki4

[alex_web64]

Вникайте https://habrahabr.ru/post/131848/

Там куча примеров с кодом похожих на то, что Вы ищите.

Edited April 13, 2016 by alex_web64