redbubble css tabs

by magizter

HTML

<h6 class="redbubble">News</h6>
<ul class="css-tabs">
<li style="display: none;"><a href="/">_</a></li>
<li><a href="#" class="linked">Nolato Medical och AlpVision i partnerskap</a></li>
<li><a href="#">Nolato Medical och AlpVision i partnerskap</a></li>
<li><a href="/contents/news_ajax2.jsp">Nolato Medical och AlpVision i partnerskap</a></li>
<li><a href="/contents/news_ajax3.jsp">Nolato Medical och AlpVision i partnerskap</a></li>
</ul>

CSS

ul { 
margin: 0 0 10px 0;
list-style-position: outside;
list-style: none;
	}


ul li a:link,
ul li a:active,
ul li a:visited {
	padding: 0 0 0 10px;
	display: block;
	margin: 0 4px 0 0;
	background: transparent url(http://www.nolato.com/images/arrow-right.gif) no-repeat left 4px;
    text-decoration: none;
	color: #000;
}

ul li a:hover {
	color: #ff0000; 
}

.aktived {
	color: #848484 !important;
}

JavaScript

$("a.linked").click(function () {
      $("a.linked").removeClass("aktived");
      $(this).addClass("aktived");
     
    });