JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

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

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

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

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

CSS

.hideme {
    background-color: #ffa;
}

JavaScript

$('.tab li a').click(
    function(){
        i = $(this).closest('li').index();
        $('ul.lineup').eq(i).toggleClass('hideme');
        return false;
    });