jquery - アクティブなスタイリング水平メニューの要素。

Question

私はサンプルのナビゲーションメニューを持っています、 私が持っている効果を見hoverて欲しいです、私はaがクリックされたときに同じ効果が欲しいです。現在のリンクは同じ効果を持つはずです。私はそれのためlinkに使う必要があると思いますjquery質問をうまく説明できなくてすみません。どんな提案でも大歓迎です、ありがとう。

Answer 1

セレクターを からhoverに変更しfocusます。jqueryを使う必要すらない

編集：フィドルを編集しました。

これを参照してくださいhttp://jsfiddle.net/kt4yb/3/

Answer 2

疑似クラスを使用できます:active。(クリックされた状態の CSS) およびオプション:focusで . 効果を維持したい場合は、jquery で行う必要があります。

$(function(){
  $(".menu").on("click", "a", function(){
    $(this).addClass("active").siblings().removeClass("active");
  });
});

次に、アクティブなクラスに効果を追加できます...これがデモです： http://jsfiddle.net/meo/kt4yb/6/

または:visited、リンクが別の URL を指している場合は、単に疑似クラスを使用することもできます。