Добрый день.
Мне нужно сделать такой эффект как в менюшке справа
https://www.euconsult.md/pervayaa
Вот моя разметка
.navigation#js-navigation
.navigation__list
li
a(href="#js-reimbursabile") Финансы
span.circle
li
a(href="#js-history") История
span.circle
li
a(href="#js-footer") Контакты
span.circle
После наведения на кружочек, появляется ссылка.
Но, потом при наведении на ссылки, кружочек с сылкой исчезают.
let navigationLi = $('#js-navigation li');
navigationLi.on('mouseenter', function(){
if(!$(this).hasClass('active')){
$(this).find('a').addClass('active');
}
});
navigationLi.on('mouseout', function(){
if(!$(this).hasClass('active')){
$(this).find('a').removeClass('active');
}
});
Проблема в том, что я повесил обработчик только на кружочек.
По-идее так и должно быть. Наводишь на кружочек, появляется ссылка, но наводишь на ссылку и все исчезает.
Подскажите, что я не учел?
Заранее благодарен.
