アクティブクラスのjavascript

Question

私は任意のメニューをクリックすると、クラスactiveは、その特定の李に追加すべきメニュー

<ul id="menu"> 
    <li id="11"><a href="#1" class="cross-link cross-link1">Start a League</a><span></span></li> 
    <li id="12"><a href="#2" class="cross-link cross-link1">Roster Settings</a><span></span></li> 
    <li id="13"><a href="#3" class="cross-link cross-link1">Draft Settings</a><span></span></li> 
    <li id="14"><a href="#4" class="cross-link cross-link1">Transaction Settings</a><span></span></li> 
    <li id="15"><a href="#5" class="cross-link cross-link1">Playoff Settings</a><span></span></li> 
    <li id="16"><a href="#6" class="cross-link cross-link1">Launch Your League!</a><span></span></li> 
</ul> 

を表示するには、次のコードを使用しています。どのように私はjavascriptでそれを行うことができます。 jQueryのを使用して

Answer 1

：

$("li").click(function() { 
    $("li").removeClass("active"); 
    $(this).addClass("active"); 
}); 

は、私はあなただけactiveクラスで単一<li>を望んでいたと推測しました。

デモ：http://jsfiddle.net/j9qTE/1/