Javascript 简化活动菜单jQuery代码

我想简化这段代码：

$(window).on('DOMMouseScroll scroll mousewheel keydown', function () {
    if ($('#home-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
    } else if ($('#what-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
        $('.li-width:first-child > li > .li-underline').addClass('active');
    } else if ($('#case-studies-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
        $('.li-width:nth-child(2) > li > .li-underline').addClass('active');
    } else if ($('#team-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
        $('.li-width:nth-child(3) > li > .li-underline').addClass('active');
    } else if ($('#clients-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
        $('.li-width:nth-child(4) > li > .li-underline').addClass('active');
    } else if ($('#contact-section').hasClass('cd-section visible')) {
        $('.li-underline').removeClass('active');
        $('.li-width:nth-child(5) > li > .li-underline').addClass('active');
    }
});

我基本上也在一遍又一遍地重复同样的功能

像这样的东西行吗

var activeSection = $('#what-section', 'team-section');

$(window).on('DOMMouseScroll scroll mousewheel keydown', function () {
        activeSection.hasClass('cd-section visible') {
           $('.li-underline').removeClass('active');
        }

---

向这些元素添加一个新类并通过该选项选择它们，以便：

$(window).on('DOMMouseScroll scroll mousewheel keydown', function () {
    if ($('.newclass').hasClass('cd-section visible')) {
        $(this).removeClass('active');
    }

}

可以向标记添加多个类，如：

<div class="one two three"></div>

---

添加HTML和CSS会有所帮助。创建Live/JSFIDLE演示将更容易使用代码。

$('.two, .three').css('background',''yellow');