Демо:
https://codepen.io/ildar-meyker/pen/OJdooNK
Плагины:
Подключение:
//
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>
Разметка:
//
Стили:
//
.nav-example {
a {
.js-opacity-links--hover & {
opacity: 0.2;
}
&:hover {
opacity: 1;
}
}
}
Инициализация:
//
$(function () {
const HOVER_CLASS = "js-opacity-links--hover";
$(".js-opacity-links a").hover(
function () {
$(this).closest(".js-opacity-links").addClass(HOVER_CLASS);
},
function () {
$(this).closest(".js-opacity-links").removeClass(HOVER_CLASS);
}
);
});
0 комментариев