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

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

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

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

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

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

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

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

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

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

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

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