Toggling Between 12 Divs.

i would like to toggle between 12 separate divs (each of which contains a table that corresponds to a monthly calendar, if that helps you to visualize what i'm doing) when the corresponding link name is clicked. i've got it so that when the link is clicked, the div toggles between on and off states, but what i really want to do is replace the currently visible div with the new one. the code i've got to this point follows:

//the javascript:

function showCal(monthName) {
if($(monthName).className != "show"){
$(monthName).className = "show";
}else{
$(monthName).className = "hide";
}}

//the css:

.hide {display:none;}
.show {display:block;}

//the HTML:

<a href="javascript:showCal('january')" target="_self">jan</a>

any ideas?? whatever help you can offer would be so greatly appreciated. i just need a point in the right direction.