Module «opacity-links».

Демо:

https://codepen.io/ildar-meyker/pen/OJdooNK

Плагины:

https://jquery.com

Подключение:

//
<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);
        }
    );
});