javascript菜单悬停活跃

Question

我有一个包含五个元素的菜单，所有这些元素都在div的同一个类下。 单击所选菜单（div）我要将所选字体权重设为粗体。 因为我使用.classname a：active {font-weight：Bold}。

这将使菜单-item粗体显示为活动状态，但仅在单击时生效，但在鼠标单击事件结束时再次正常。

但我需要将菜单项设为粗体，直到用户点击另一个菜单项为止。

怎么可能。 菜单结构。

<div class="coolmenu">
 <a>menu1</a>
</div> <div class="coolmenu">
 <a>menu2</a>
</div>

Answer 1

首先点击你必须为所有菜单元素设置font-weight为normal，然后仅为点击的一个设置粗体，如下所示：

$('.coolmenu a').click( function(){
 $('.coolmenu a').css('font-weight','normal');
 $(this).css('font-weight','bold');
});

如果您使用addClass代替css，也许会更好，它会为您提供更大的灵活性。