JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="o_nav">
    <li><a href="#" id="t1">ALL</a></li>
    <li><a href="#" id="t2" class="aSelected">IPHONE</a></li>
    <li><a href="#" id="t3">ANDROID</a></li>
    <li><a href="#" id="t4">NOKIA</a></li>
    <li><a href="#" id="t5">WINDOWS</a></li>
    <li><a href="#" id="t6">BLACKBERRY</a></li>
    <li><a href="#" id="t7">MORE</a>
</ul>

CSS

.aSelected {color:#fff000;}

#o_nav {float:right;margin:0;}
#o_nav li {list-style:none;float:left;margin-right:10px;}
#o_nav li a:hover {color:#fff000;}
#o_nav li a {text-decoration:none;color:#777;font-size:16px;}
#o_nav li a.aSelected {text-decoration:none;color:#fff000;font-size:16px;}

#t1, #t2, #t3, #t4, #t5, #t6, #t7 {float:left;line-height:56px;}

#o_nav #t1  {background:url(http://www.otojo.com/st/img/o_nav_allnews.png) no-repeat scroll 0 0 transparent;margin-top:6px;padding-left:40px;}

#o_nav #t1:hover  {background:url(http://www.otojo.com/st/img/o_nav_allnews_hover.png) no-repeat scroll 0 0 transparent;margin-top:6px;}

#o_nav #t1.aSelected {background:url(http://www.otojo.com/st/img/o_nav_allnews_hover.png) no-repeat scroll 0 0 transparent;margin-top:6px;}

#o_nav #t2   {background: url(http://www.otojo.com/st/img/o_nav_iphone.png) no-repeat 0 0;margin-top:6px;padding-left:35px;}

#o_nav #t2:hover   {background: url(http://www.otojo.com/st/img/o_nav_iphone_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t2.aSelected   {background: url(http://www.otojo.com/st/img/o_nav_iphone_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t3  {background: url(http://www.otojo.com/st/img/o_nav_android.png) no-repeat 0 0;margin-top:6px;padding-left:35px;}

#o_nav #t3:hover  {background: url(http://www.otojo.com/st/img/o_nav_android_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t3.aSelected  {background: url(http://www.otojo.com/st/img/o_nav_android_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t4 {background: url(http://www.otojo.com/st/img/o_nav_nokia.png) no-repeat 0 0;margin-top:6px;padding-left:33px;}

#o_nav #t4:hover {background: url(http://www.otojo.com/st/img/o_nav_nokia_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t4.aSelected {background: url(http://www.otojo.com/st/img/o_nav_nokia_hover.png) no-repeat 0 0;margin-top:6px;}

#o_nav #t5  {background: url(http://www.otojo.com/st/img/o_nav_windows.png) no-repeat 0...

JavaScript

jQuery(function($) {
    $('ul#o_nav li a:not(aSelected)').bind('click', function(){
       $('ul#o_nav li a.aSelected').removeClass('aSelected');
       $(this).addClass('aSelected');
    });
});