Javascript jquery幻灯片菜单-更好的方法？

我对javascript/jquery非常陌生，我刚刚构建了一个简单的幻灯片菜单

它有3个菜单，每个菜单都有一个子菜单…一切都很好，我只是想知道是否有更好的方法来完成同样的任务

以下是我的js代码：

function menuOpen(menu){
    if(menu=='menu1'){
        $("#sub2").slideUp(400);
        $("#sub3").slideUp(400);
        $("#sub1").slideToggle(400);
    }else if(menu=='menu2'){
        $("#sub1").slideUp(400);
        $("#sub3").slideUp(400);
        $("#sub2").slideToggle(400);
    }else if(menu=='menu3'){
        $("#sub1").slideUp(400);
        $("#sub2").slideUp(400);
        $("#sub3").slideToggle(300);
    }
}

---

而不查看您的HTML：

function menuOpen(menu){      
    var num = menu.match( /\d+/ ); // Regex expression to retrieve the Number                 
    $('[id^=sub]').slideUp();      // slide UP all ID starting with sub
    $('#sub'+num).slideToggle();   // get the desired ID :)  
}

使用jQuery意味着我们希望轻松地操作DOM元素，这意味着如果没有看到您要针对的DOM节点和结构的HTML示例，就很难使上述变得更简单。

---

而不查看您的HTML：

function menuOpen(menu){      
    var num = menu.match( /\d+/ ); // Regex expression to retrieve the Number                 
    $('[id^=sub]').slideUp();      // slide UP all ID starting with sub
    $('#sub'+num).slideToggle();   // get the desired ID :)  
}

使用jQuery意味着我们希望轻松地操作DOM元素，这意味着如果没有看到您要针对的DOM节点和结构的HTML示例，就很难使上述变得更简单。

---

-无需重新发明车轮同意@DevlshOne-或者甚至-无需重新发明车轮同意@DevlshOne-或者甚至