Javascript 锚定标记：单击打开div，单击更改bg颜色

.nav\u栏{
背景：#c30015；
左边距：50像素；
浮动：左；}
.nav_bar ul{
填充：0；
保证金：0；
显示器：flex；
边框底部：薄白色固体；}
李国荣先生{
列表样式：无；}
.nav_bar ul li a{
文字装饰：无；
颜色：#ffffff；
显示：块；
右边框：1px实心#fff；
填充：8px 16px；}
.nav_bar ul li a:悬停{
背景：#e6b3a1；
文字装饰：无；
颜色：#c3000f；}
.下导航栏{
背景：#e6b3a1；
左边距：34px；
浮动：左；}
.下导航杆ul{
填充：0；
保证金：0；
显示：flex；}
.下导航栏ul li{
列表样式：无；}
.下导航栏ul li a{
文字装饰：无；
颜色：#c3000f；
显示：块；
填充：8px 23px 8px 18px；}
.向下导航栏ul li a:链接{
文本装饰：无；}
a:参观了{
边框底部：2px#c3000f实心；
文本装饰：无；}
.向下导航栏ul li a:悬停{
边框底部：2px#c3000f实心；
文本装饰：无；}
.向下导航栏ul li a：激活{
边框底部：2px#c3000f实心；
文本装饰：无；}

试试这个。此代码段在单击

购买和计费链接时显示下拉菜单


$（文档）.ready（函数（）{
$（'.down_nav_bar'）.removeClass（'displated'）；
$（“#购买”）.mouseenter（函数（）{
$（'purchase'）.addClass（'newColor'）；
$（'.down_nav_bar'）.addClass（'displated'）；
});
$（'.nav_bar>ul>li:not（#purchase））.mouseenter（函数（）{
$（“#购买”）.removeClass（'newColor'）；
$（'.down_nav_bar'）.removeClass（'displated'）；
});
$（'.nav_bar>ul>li'）。单击（函数（）{
$（'.nav_bar>ul>li'）.removeClass（“newColor”）；
$（this.toggleClass（'newColor'）；
});
});
.nav\u栏{
背景：#c30015；
左边距：50像素；
浮动：左；}
.nav_bar ul{
填充：0；
保证金：0；
显示器：flex；
边框底部：薄白色固体；}
李国荣先生{
列表样式：无；}
.nav_bar ul li a{
文字装饰：无；
颜色：#ffffff；
显示：块；
右边框：1px实心#fff；
填充：8px 16px；}
.nav_bar ul li a:悬停{
背景：#e6b3a1；
文字装饰：无；
颜色：#c3000f；}
.下导航栏{
背景：#e6b3a1；
左边距：34px；
显示：无；
浮动：左；}
.下导航杆ul{
填充：0；
保证金：0；
显示：flex；}
.下导航栏ul li{
列表样式：无；}
.下导航栏ul li a{
文字装饰：无；
颜色：#c3000f；
显示：块；
填充：8px 23px 8px 18px；}
.向下导航栏ul li a:链接{
文本装饰：无；}
a:参观了{
边框底部：2px#c3000f实心；
文本装饰：无；}
.向下导航栏ul li a:悬停{
边框底部：2px#c3000f实心；
文本装饰：无；}
.向下导航栏ul li a：激活{
边框底部：2px#c3000f实心；
文本装饰：无；}
.显示向下导航栏{
显示：块；
}
.新颜色{
背景：#e6b3a1；
颜色：#c3000f；
}
.nav_bar ul li.newColor>a{
颜色：#c3000f；
}




















简单地用css解决这个问题，检查一下这是否是您需要的


.nav\u栏{
背景：#c30015；
左边距：50像素；
浮动：左；
}
.nav_bar>ul{
填充：0；
保证金：0；
显示器：flex；
底边：薄白色固体；
位置：相对位置；
}
李国荣先生{
列表样式：无；
}
.nav_bar ul li a{
文字装饰：无；
颜色：#ffffff；
显示：块；
右边框：1px实心#fff；
填充：8px 16px；
}
.nav_bar ul li a:悬停{
背景：#e6b3a1；
文字装饰：无；
颜色：#c3000f；
}
.nav_-bar ul-li a:激活，.nav_-bar ul-li a:聚焦{
背景：#e6b3a1；
文字装饰：无；
颜色：#c3000f；
}
.导航栏ul li:悬停。向下导航栏{
显示：块；
}
.下导航栏{
背景：#e6b3a1；
左边距：34px；
浮动：左；
位置：绝对！重要；
左：0；
宽度：100%；
显示：无；
填充：0；
保证金：0；
}
.下导航栏李{
列表样式：无；
显示：内联块；
}
.下导航栏李a{
文字装饰：无；
颜色：#c3000f；
显示：块；
填充：8px 23px 8px 18px；
}
.向下导航栏李a：链接{
文字装饰：无；
}
下导航台李a：参观了{
边框底部：2px#c3000f实心；
文字装饰：无；
}
.向下导航栏李a：悬停{
边框底部：2px#c3000f实心；
文字装饰：无；
}
.向下导航栏李a：激活{
边框底部：2px#c3000f实心；
文字装饰：无；
}
.向下导航栏李。激活{
边框底部：2px#c3000f实心；
文字装饰：无；
}