Javascript 将菜单导航链接到两个不同选项卡中具有相同ID的两个div

我正在制作一个带有菜单导航的网页，它可以跳入一个页面中的每个div。然后我创建了一个选项卡来拆分具有相同类别但内容不同的部分。现在，菜单导航仅适用于第一个选项卡，而不适用于第二个选项卡。任何帮助都将不胜感激

这是我的密码：

产品1
产品2

p1的特征

关于p1

p1演示

p2的特征

关于p2

p2演示

您在“功能”id之前遗漏了双引号。

---

此外，您不应该使用ID，而应该使用类来创建链接

一个非常简单的方法是给每个元素一个唯一的ID，并从菜单中的锚定标记引用该ID。不能引用应用于多个元素的类，它必须是唯一的ID。我在代码段中提供了一个示例

您可以使用javascript滚动到一个可以提供更好体验的元素。看

#导航{
填充底部：100px；
}
#导航ul{
列表样式：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0
}
#导航ula{
显示：块；
颜色：#333；
文字装饰：无；
字号：700；
字体大小：12px；
线高：32px；
填充：0 15px；
字体系列：“Helvetica”
}
#李国荣{
位置：相对位置；
浮动：左；
保证金：0；
填充：0
}
#nav ul li.当前菜单项{
背景：#ddd
}
#nav ul li:悬停{
背景：#f6f6f6
}
#导航ul{
显示：无；
位置：绝对位置；
最高：100%；
左：0；
背景：#fff；
填充：0
}
#李国宝{
浮动：无；
宽度：200px
}
#导航ula{
线高：120%；
填充：10px 15px
}
#导航ul{
排名：0；
左：100%
}
#导航ul li：悬停>ul{
显示：块
}
div{
利润率：200px0；
}

p1的特征

关于p1

p1演示

p2的特征

关于p2

p2演示

为什么要使用ID？id应该是唯一的。为什么不使用类或属性（比如name=“…”）？您的意思是我可以使用类作为链接？很抱歉，我不知道类可以用作链接。看看这个，这会给你带来id和类的问题。谢谢，但这不是我需要的解决方案，问题是如何从导航菜单跳转到我想要的特定div。有jquery或javascript帮助吗？感谢您指出，我刚刚编辑了我的代码，现在我如何链接导航以使用类？有了jquery，您可以在如下函数中使用scrollTop:function linkTo（class）{$（'html，body'）.animate（{scrollTop:$（class.position（）.top}，'slow'）；}