Javascript javascruipt菜单悬停处于活动状态

我有一份五种元素的菜单，都在同一类的div下。 单击所选菜单（div）后，我想将所选菜单的字体重量设置为粗体。 为此，我使用了.classname a:active{font-weight:Bold}

这将使菜单项在活动时变为粗体，但仅在单击时变为粗体，但当鼠标单击事件结束时，菜单项将恢复正常

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

怎么可能呢。 菜单结构

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

菜单1
菜单2

单击时，首先必须将所有菜单元素的字体重量设置为正常，然后仅为单击的元素设置粗体，如下所示：

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

---

如果您使用

addClass

而不是

css

，可能会更好，它会给您带来更大的灵活性。

您应该添加一个关于使用jQuery的注意事项；-）