Ховер мерцает, как поправить?

Question

[sergey_from_saratov]

Хочу чтобы при наведении на красный кубик синий кубик становился над ним. Как пофиксить? Сейчас какой то пурпурный цвет)))
P.S. И чтобы в файрфоксе тоже работало! А то я слыхал там проблемы с ховером.
https://codepen.io/anon/pen/oGBxNJ

Comments

[Сергей delphinpro]

https://codepen.io/anon/pen/rGjeed

[sergey_from_saratov]

Сергей, у меня не 1 квадратик будет, а много. Такой способ не проканает.
Желательно через JS.

[kulaeff]

.hover() нужно вызывать не на элементе .aaa, а на родителе.

[Сергей delphinpro]

sergey_from_saratov, ну так и нужно реальный пример приводить, а не синтетический...

[sergey_from_saratov]

Сергей, я боюсь от моего реального даже у экспертов тыквы от напряга полопаются.

[Сергей delphinpro]

sergey_from_saratov, реальный - не значит весь ваш код. пусть будут те же квадратики, но более приближено к реальности.

Впрочем если нужно на js, используйте пару событий mouseenter/mouseleave - всё получится.

[sergey_from_saratov]

У меня это будет галереей с товарами, когда на кубик вывожу генерируется другой кубик и накладывается поверх красного. Смысл понятен?

[sergey_from_saratov]

Сергей, https://codepen.io/anon/pen/OxWNQb
Такой же калейдоскоп красно-синий.

[Kovalsky]

sergey_from_saratov, у вас попеременно выполняются обработчики, вы же их оба вешаете на нижний элемент, который перекрывается верхним, который в свою очередь появляется когда вы ховерите нижний)

Говоря "У меня это будет галереей с товарами, когда на кубик вывожу генерируется другой кубик и накладывается поверх красного." вы имеете в виду, что в одном месте будет много кубиков, да? Если да, то почему вас не устраивает вариант предложенный в ответе?

Answer 1

[kulaeff]

https://codepen.io/anon/pen/oGBxYO

Comments

[sergey_from_saratov]

Нет так нельзя. У меня это будет галереей с товарами, когда на кубик вывожу генерируется другой кубик и накладывается поверх красного. Смысл понятен?

[kulaeff]

sergey_from_saratov, а что-то мешает выводить кубики в контейнере, как в моем примере? Т.е. каждая пара красный/синий кубик в своем контейнере? Это и логически будет правильно и такие моменты как ховер будут работать. И кстати, так уж необходимо реализовывать ховер средствами JS?