Как реализовать появление блока при наведении на другой блок относительно него?

Question

[Игорь Перегудов]

При условии, что блоков, на которые можно навести несколько, блок который должен повляться, необходимо реализовать так, чтобы он появлялся относительно того блока на который навели и, например, если навели на верхни блок, всплывающий был снизу, если на нижний - сверху

Блок который должен появиться - это калькулятор, поэтому он не должен пропадать при наведении на него

Answer 1

[xxvxx]

Symphony @Symphony
пишу на коленке
Решение онли js
jsfiddle.net/Symphony/7Lzg5s31

Решение онли css
jsfiddle.net/Symphony/7Lzg5s31/1
Ответ написан более двух лет назад

только пропиши в css анимацию ну то есть у тебя два блока
.блок2 пишешь display:none; а при наведении на блок1 пишеш блок1:hover .блок2: display:block; и ставишь анимацию единственное что если убрать курсор с блока1 блок2 пропадет