Показ контента, который не вмещается в блок при наведении?

Question

[WildKayote]

Есть такая структура блоков:

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

Answer 1

[Insayt]

Тут достаточно CSS
https://jsfiddle.net/3j94h4sL/
Обертке надо задать

overflow: hidden;
position: relative;

А внутренние блоки сделать
position: absolute;
И сдивнуть вбок на нужное значение. По ховеру возвращать значение обратно

Comments

[WildKayote]

Да, тоже изначально думал, что достаточно так сделать, оказывается нет :\
Нужно что бы при наведении блок не перекрывал соседний, а отодвигал
Где то видел, но уже не помню где

[kulaeff]

WildKayote, ну так отодвигайте и соседние элементы на то же расстояние.

[WildKayote]

kulaeff, спасибо, попробуем

Answer 2

[kulaeff]

Вот вам грубая заготовка https://jsfiddle.net/5n2zd14y/. Добавьте пару мыслей, щепотку кода и все получится.

Comments

[WildKayote]

Спасибо, попробуем сделать