I'm building a calendar and using a jQuery script to shift between "list view" and "calendar view". The thing is, that I would like to add a unique CSS class to the selected link, so I can make a highlight effect (or something like that) that only applies to the currently selected link. My script is:

2. jQuery(document).ready(function(){
3.   //if this is not the first tab, hide it
4.   jQuery(".tab:not(:first)").hide();
5.  
6.   //to fix u know who
7.   jQuery(".tab:first").show();
8.  
9.   //when we click one of the tabs
10.   jQuery(".htabs a").click(function(){
11.   //get the ID of the element we need to show
12.   stringref = jQuery(this).attr("href").split('#')[1];
13.   //hide the tabs that doesn't match the ID
14.   jQuery('.tab:not(#'+stringref+')').hide();
15.   //fix
16.   if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
17.   jQuery('.tab#' + stringref).show();
18.   }
19.   else
20.   //display our tab fading it in
21.   jQuery('.tab#' + stringref).show();
22.   //stay with me
23.   return false;
24.   });
25.  
26. });

As I'm completely new to jQuery and didn't even write this script myself, I don't know how to do this. I've tried adding:

1. jQuery(this).addClass('active');

But it didn't work out that well...