jQuery 更改类以列出链接 onclick

Question

在我的菜单上，我让 jQuery 在单击按钮后更改按钮的颜色 - 因此这会突出显示事件菜单。但我还想显示用户已经点击的位置，同时事件菜单保持蓝色。

• 用户点击菜单 1 它变成蓝色
• 用户点击菜单 2 变成蓝色，菜单 1 变成绿色
• 用户点击菜单 3 它变成蓝色，菜单 1 和 2 是绿色等

我该怎么做？

我可以用蓝色显示事件菜单，但无法计算出正确显示已访问 (a.degrees-visited) 的代码。

演示 fiddle : Fiddle

<ul id="nav">
<li><a href="#" class="nav-left degrees hide-show default-show" rel="menu1">Menu 1</a></li>
<li><a href="#" class="nav-left degrees hide-show" rel="menu2">Menu 2</a></li>   
<li><a href="#" class="nav-left degrees hide-show" rel="menu3">Menu 3</a></li>  
<li><a href="#" class="nav-left degrees hide-show" rel="menu4">Menu 4</a></li>

$('#nav li a.degrees').on('click', function(){
 $('li a.degrees-current').removeClass('degrees-current');
 $(this).addClass('degrees-current');
});

Answer 1

使用 toggleClass()

$('#nav li a.degrees').on('click', function(){
     $('li a.degrees-current').removeClass('degrees-current').addClass('degrees-visited');
     $(this).addClass('degrees-current');
});

演示:Fiddle