Изменение нескольких элементов при наведении на один?

Question

[AndRussia]

Здравствуйте, Хлебцы.
Читал тостер, наткнулся на следующий вопрос: *ТЫК*
Там предложили для решения следующий код:
img:hover + .hover-info { display: block;}
Так вот.. Как можно изменить код так, чтобы при наведении на 1 элемент (допустим div с классом alt) скрывались другие (например div'ы с классами hide1 hide2 hide3 и т.д.) и еще один показывался (как .hover-info)
Заранее спасибо.

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/voygZQ вот так например, если что то не ясно спрашивай

Comments

[азаза]

+
нужная хрень
взял на заметку

[AndRussia]

Я неправильно написал. Имел в виду работу с дочерними блоками. При наведении на родительский, скрываются hide, которые являюстя дочерними, и появляется дочерний hover-info

[Максим]

AndRussia, ни хрена не понял я

[AndRussia]

Смотрите, div.alt является родителем. У него есть дочерние блоки div.hide1 , div.hide2 и div.hover-info.
При наведении на div.alt должны скрываться div.hide1 и div.hide2, а div.hover-info показываться (по дефолту он скрыт)

[Максим]

AndRussia, https://codepen.io/topicstarter/pen/LwbxqX так ??

[AndRussia]

Максим Ленский, Поменяю расположение элементов и все будет чики-пуки, спасибо. Отмечаю решением.

[Максим]

AndRussia, и кстати - смотри какая штука есть : https://davidwalsh.name/demo/css-flip.php

[Brad9aga]

чот у меня то же самое получилось ))1

[Максим]

Brad9aga, НЕ ТОЖЕ САМОЕ

[Brad9aga]

Максим Ленский, :nth-of-type

[Максим]

Brad9aga, это не требовалось - требовалось всего один как то выделить - у тебя выделяются все до курсора

[Brad9aga]

Максим Ленский, глянь мой вопрос в профиле, мб ответишь

[Максим]

Brad9aga, чё не работает там ?

[Brad9aga]

Максим Ленский, самый последний селектор, там все написано )

[Максим]

Brad9aga, у тебя там ошибки

[Brad9aga]

Максим Ленский, так укажи где,накати код

[Максим]

Brad9aga, https://jsfiddle.net/cdvhzje3/ все работают

[Brad9aga]

Максим Ленский, это не то что нужно было, то что ты удалил строку 5 баллов

[Brad9aga]

Максим Ленский, а теперь сообрази мне фон кружков на их нажатие

[Максим]

Brad9aga, Тебе надо бери соображай - я показал как а дальше Удачи

[Brad9aga]

Максим Ленский, то как это работает я и так знал. вопрос был о другом

[Максим]

Brad9aga, фон по нажатию вот сделал

[Brad9aga]

Максим Ленский, борода все порешал

[Brad9aga]

Максим Ленский, https://jsfiddle.net/fg8ucm3s/1/

[Максим]

Brad9aga, во первых так css больше, во вторых твоей подсветки/фона при ховере на кругляшки нету

[Brad9aga]

Максим Ленский, все там есть, ты о чем

[Максим]

Brad9aga, попутал

[Brad9aga]

Максим Ленский, https://jsfiddle.net/fsz384tj/
тут поинтересней)

[Brad9aga]

Максим Ленский, https://jsfiddle.net/u1j3dvy9/
тут я еще дальше пошел

Answer 2

[AndRussia]

Подойдет ли следующий код:?

.alt:hover + .hover-info { display: block;}
.alt:hover + .hide1, .alt:hover + .hide2 { display: none;}