JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tab">
    <li id="li_1">
        <a href="#">26/08/2011</a>
    </li>
    <li id="li_2">
        <a href="#">27/08/2011</a>
    </li>
    <li id="li_3">
        <a href="#">28/08/2011</a>
    </li>
</ul>

<ul class="lineup hideme 1">
   <li>1</li>
</ul>

<ul class="lineup hideme 2">
   <li>2</li>
</ul>

<ul class="lineup hideme 3">
   <li>3</li>
</ul>

CSS

.hideme {display:none;}

JavaScript

$("ul.tab li a").click(function(){

    $(".hideme").hide();
    $(".hideme." + this.parentNode.id.split("_")[1]).show();

});