Jquery 默认情况下根据链接上的类显示div

我正在尝试根据单击的链接显示/隐藏div。下面的代码取自SO中的另一个问题

这段代码工作得很好，只是它默认显示所有div，并在单击链接后正确隐藏/显示div。下面给出了代码，我需要做的是基于哪个类在其中处于活动状态，需要显示其相应的div，其余的隐藏。在这种情况下，应显示“foo”

我并不是真的被这个代码困住了。如果需要，我愿意接受新的逻辑。我只想显示一个链接到href的div

jQuery（函数（$）{
变量$navlinks=$（'.navlink'），
$navhiddens=$（'.navhidden'）；
$navlinks.on（'click'，函数（e）{
//这是你的链接
$link=$（此项）；
//获取我的隐藏div+切换
$my_navhidden=$navhiddens
.eq（$navlinks.index（本））
.toggle（）；
//隐藏所有其他纳维德人
$navhiddens.not（$my_navhidden）.hide（）；
});
});

福
酒吧
herp
您可以根据功能底部的初始激活状态设置显示


jQuery（函数（$）{
变量$navlinks=$（'.navlink'），
$navhiddens=$（'.navhidden'）；
$navlinks.on（'click'，函数（e）{
//这是你的链接
$link=$（此项）；
//获取我的隐藏div+切换
$my_navhidden=$navhiddens
.eq（$navlinks.index（本））
.toggle（）；
//隐藏所有其他纳维德人
$navhiddens.not（$my_navhidden）.hide（）；
});
//设置初始显示
$（'.navhidden'）.hide（）；
如果（$（'.active'）.length>0）{
$（'.navhidden'）.eq（$（.active”）.index（）-1.show（）；
}
});

福
酒吧
herp