javascruipt menu hover active

Question

5つの要素すべてが同じクラスのdivの下にあるメニューを持っています。 選択したメニューのonclick（div）選択したfont-weightを太字にしたい。そのための は.classname a：active {font-weight：Bold}を使用しています。

これにより、メニュー項目がアクティブになりますが、クリック時のみ太字になりますが、マウスクリックイベントが終了すると再び正常になります。

しかし、ユーザーが別のメニュー項目をクリックするまで、メニュー項目を太字にする必要があります。

ハウツズ可能です。 メニュー構造体。たぶんそれは、より良いあなたが使用する場合

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

：クリックで

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

Answer 1

は、まず、あなたは、このような何かを、すべてのメニュー要素の通常にフォントの太さを設定し、クリック1のみ太字に設定する必要がありますcssの代わりにaddClassを使用すると、柔軟性が向上します。