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

true story, спасибо.

Нзч

вообще это слишком частный случай, не всегда так получится

@iusfof тут вопрос и стоит в частном случае.

@DeLaVega то, что вы предложили это костыль

@iusfof www.w3schools.com/cssref/css_selectors.asp
воу, воу... вы документацию то хоть почитайте.

@iusfof www.w3.org/TR/CSS2/selector.html

@iusfof неразумно использовать js, там где можно обойтись одним ксс-ом.

@DeLaVega ) я про то, что менять структуру html это не разумно, если можно ее сохранить применив js. и я опять повторю - это частный случай.

к тому же проще было сделать применение стилей при наведении на li, в таком случае даже при ховере на срабатывали бы стили codepen.io/iusfof/pen/zpBwc

@iusfof если не секрет, в чем заключается костыльность метода и чем js менее костыльный? Писать теперь такие минифункции ради каждого хавера? Грамотный разработчик заранее продумает структуру html с учетом всего, что можно организовать без js. И если это не было сделано сразу, то первым делом попробует поменять структуру, и только если это невозможно уже сделать, то применит js.

@iiil
- допустим может случится так, что будет готовая хтмл структура, которую поменять нельзя это раз (причина по которой я предложил js).
- потом может случится так, что элементы будут находится на разных уровнях это два (причина по которой я считаю данный вариант костылем, хотя костылем называть некорректно, он бы просто не сработал, если бы структура была другой).
- используя js можно организовать взаимодействие элементов которые находятся хоть в противоположных концах страницы это три.
- я описал куда более разумный вариант css без изменения структуры html - codepen.io/iusfof/pen/zpBwc - это четыре.

"Грамотный разработчик заранее продумает структуру html с учетом всего, что можно организовать без js" - ну а в данном случае человек не продумал это заранее и мое предложение было исходя из того, что структуру поменять нельзя, хотя мое предложение в свете 4-го пункта становится сомнительным.

сам я так же предпочел бы не использовать js, если это было бы возможно

Если уж и пишите говнокод, то пишите его хотя бы покороче...

$('.block1').hover(function(){
$('.block2').toggleClass('when_block1_hover');
})

@DeLaVega спорно, как-то работал с svg, там toggleClass() при ховере не всегда корректно менял классы

@DeLaVega хотя я наврал, там вообще по другому меняются классы, через .attr()

Js конечно хорошо, то использовать его для такого нерекоммендовано. Почему ? НУ потому, что хорошой сайт должен работать и с выключенным js на клиенте. Сейча это мало где нужно, но тем не менее. + Зачем использовать JS там где действительно можно обойтись CSS, собственно за этим и придумывают постоянные модули в CSS. Уже нет смысла писать простую анимацию на js, когда жто достигается с помощью CSS.

Решение работчее, но это шаг назад!

@nepster09 "НУ потому, что хорошой сайт должен работать и с выключенным js на клиенте" - абсолютно согласен

@iusfof спасибо, пометик как решение, если кто столкнется, будет выбирать.