Javascript jquery隐藏/显示子菜单，同时保持第一个子菜单与主菜单一起处于活动状态

我有一个带有三个菜单的导航栏&它的msg。我正在实现主菜单上的显示/隐藏消息。我可以激活第一个菜单&显示/隐藏消息，但是如何激活第一个消息（显示默认值及其菜单）这就是我遇到的问题

我的Html是

您选择了芒果


您选择了香蕉


您选择了葡萄

javascript是：

//添加/删除类
$（“.nav li”）。在（“单击”，函数（）{
$（“.nav li，.nav li a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
})
//显示隐藏消息
$（“.main menu.msg”）.hide（）；
$（“.main menu a”）。单击（函数（）{
$（“.main menu.msg”）.hide（'fast'）；
$（this.parent（）.find（“div”）.toggle（“fast”）；
})

在这种情况下，第一个菜单处于活动状态，而消息仅在单击时显示。如何激活第一条消息或如何使用其菜单显示第一条消息的默认值

添加CSS

.msg{
  display:none;
}
.active .msg{
  display:block;
}

---

根据你的问题，我理解的是

您希望在第一次加载时打开第一个菜单，如果需要，您需要对其进行一些更改， 从jQuery代码中删除隐藏行，并通过对其应用css使msg div消失。然后仅在第一个msg div上添加活动类，并使其仅通过CSS可见

//添加/删除类
$（“.nav li a”）。在（“单击”，函数（）{
$（“.nav li a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
$（“.nav li a”）.not（this.next（）.slideUp（）；
$（this.next（）.slideToggle（）；
});
.msg{
显示：无；
}
.msg.active{
显示：块；
}



您选择了芒果


您选择了香蕉


您选择了葡萄
刚刚将id标签添加到消息div中，并做了以下更改

$(".lab .msg ").hide();
$(".lab #labL ").show();
$(".lab a").click(function () {
$(".lab .msg, .lab #labL").hide('fast');
$(this).parent().find("div").toggle("fast");
})