Фокус

Так работает hover. А focus работает иначе, у него только одна функция-обработчик, а не две.

А можете подсказать, как реализовать добавление класса при фокусировке?

Наверное, так:

$(document).ready(function () {
        $('.nav-top a').focus(
               function () {
                        $(this).parents('.nav-top__sp').addClass('www');
                }
        );
        $('.nav-top a').focusout(
                function () {
                        $(this).parents('.nav-top__sp').removeClass('www');
                }
        );
});

Спасибо большое. Понял, почему не работало. Однако когда фокус переключается на ссылку в подменю, стиль почему-то не добавляется.

Я проверял, всё работает.

Как работает, можно посмотреть на этом сайте. Переключение кнопок видно в версии для слабовидящих. Ссылка с включением тестового шаблона.
https://guspoliteh.ru/index.php?action_skin_change=yes&skin_name=test

После того, как меню раскрывается, фокус переходит на ссылку в подменю, после чего закрывается.

Буду очень признателен, если подскажите, что не так сделал.

Как там Милторг? 🤔

У вас подменю скрытое, если нет того самого класса. Как только уходит фокус с основного пункта, класс убирается и подменю скрывается, поэтому на нём код не срабатывает. Надо сделать так, чтобы подменю не скрывалось.

Без понятия😀

Как же тогда можно сделать? Изначально ведь подменю должно быть скрыто

Это я так с ходу не скажу. Как-то логику скрипта менять, чтобы при переходе на пункт подменю класс с родительского пункта не убирался. Там на самом деле разные варианты могут быть.

Спасибо за подсказку. Сделал. Класс убирается только при переходе фокуса с последней ссылки в подменю. Добавил последней ссылке класс.
Может подскажете, как сделать, чтобы скрипт сам определял последнюю ссылку в подменю? Чтобы не прописывать класс.
Еще хотелось бы добавить, чтобы при клике за пределами подменю оно пропадало
Сейчас реализовано вот так

$(document).ready(function () {
        $('.nav-top a').focus(
                function () {
                        $(this).parents('.nav-top__sp').addClass('focus-menu');
                }
        );
        $('.nav-top a.focus-end').focusout(
                function () {
                        $(this).parents('.nav-top__sp').removeClass('focus-menu');
                }
        );
});