リンクをクリックすると別の色に強調表示されるナビゲーションリンクを作成しようとしていますが、次のリンクをクリックすると前のリンクが強調表示されなくなり、最後にクリックされたリンクが強調表示されます
フィドルはこちら http://jsfiddle.net/d0okie0612/JCzvL/22/
今はすべてのリンクを強調表示するだけです
html
<span class="tab1"><a class="slider_link" href="#1" rel="welcome">Comics</a></span>
<span class="tab2"><a class="slider_link" href="#2" rel="hatstory">Media</a></span>
<span class="tab3"><a class="slider_link" href="#3" rel="annoyed">Bat News</a></span>
jquery
$('a.slider_link').click(function(e) {
e.preventDefault()
$(this).removeClass('slider_link_style');
$(this).addClass('slider_link_style');
return false;
})
CSS
.slider_link_style{color: white}