Как сделать этот работающий Java-скрипт более эффективным

У меня есть рабочий сценарий jQuery, который работает нормально, что означает его назначение.

Вопрос в следующем: как сделать этот скрипт более эффективным?

В настоящее время скрипт активируется в тот момент, когда пользователь накладывает указатель мыши на (hover) определенный тег раздела HTML5 с идентификатором. В настоящий момент сценарий удаляет существующий класс с именем "noDisplay" из подчиненного навигационного тега, содержащего список подменю, поэтому содержимое становится видимым для пользователя. Этот список подменю может быть от трех до четырех уровней. Подменю хранятся в классах (subMenu1, subMenu2, subMenu3, subMenu4 и т.д.). Сценарий записывается для индивидуального обслуживания каждого из указанных идентификаторов раздела и его классов подуровня.

В основном сценарий взаимодействует с DOM, удаляя класс "noDisplay" при наведении мыши и восстанавливая тот же класс при уходе с мыши. (Пробовал дать четкое объяснение. Если нет, спросите.)

Вот описание JSfiddle: введите ссылку здесь

Я надеюсь, что кто-то может предложить способ сделать это гораздо эффективнее. Возможно, с большим количеством разделов (# ID) и subMenu-уровней (класс за уровень).

Использование отображения свойств CSS: none; и 'display: block;' было бы самым простым решением, но это нежелательно, потому что поисковый робот решил отказаться от содержимого, помеченного как невидимое для пользователя или на экране. Используемый здесь класс NoDisplay сохраняет контент невидимым для пользователей и сохраняет читаемость для читателей (и, следовательно, для большинства поисковых роботов).

Таким образом, в основном функция скрипта остается так же, как удалить и добавить класс "noDisplay" при наведении. Цель состоит в том, чтобы получить более эффективный сценарий, который мог бы использовать переменные экземпляра для каждого раздела вместо того, чтобы писать код для каждого нового раздела и, следовательно, расширять текущий скрипт.

//section1$("#section1 .NavUL1 .subMenu1").hover(function(){
    $(".NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".NavUL2").addClass("noDisplay");            //no display
});
$("#section1").hover(function(){
    $("#section1 .NavUL1").removeClass("noDisplay");            //display
    },function(){
    $("#section1 .NavUL1").addClass("noDisplay");            //no display
});
$("#section1 .NavUL1 .subMenu1").hover(function(){
    $(".NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".NavUL2").addClass("noDisplay");            //no display
});
//#section2
$("#section2").hover(function(){
    $("#section2 .NavUL1").removeClass("noDisplay");            //display
    },function(){
    $("#section2 .NavUL1").addClass("noDisplay");            //no display
});
$("#section2 .subMenu1").hover(function(){
    $(".subMenu1 .NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".subMenu1 .NavUL2").addClass("noDisplay");            //no display
});
$("#section2 .subMenu2").hover(function(){
    $(".subMenu2 .NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".subMenu2 .NavUL2").addClass("noDisplay");            //no display
});
$("#section2 .subMenu3").hover(function(){
    $(".subMenu3 .NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".subMenu3 .NavUL2").addClass("noDisplay");            //no display
});
$("#section2 .subMenu4").hover(function(){
    $(".subMenu4 .NavUL2").removeClass("noDisplay");            //display
    },function(){
    $(".subMenu4 .NavUL2").addClass("noDisplay");            //no display
});