JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cssmenu" class="sixteen columns">
    <ul>
        <li><a href='#'><span>2011</span></a>
        </li>
        <li><a href='#'><span>2012</span></a>
        </li>
        <li><a href='#'><span>2013</span></a>
        </li>
        <li><a href='#'><span>Edições Especiais</span></a>
        </li>
        <li><a href='#'><span>Estat&iacute;sticas</span></a>
        </li>
    </ul>
</div>
<div id="separator" class="sixteen columns"></div>
<div class="sixteen columns" id="main" style="margin-top: 15px; margin-bottom: 15px"></div>

JavaScript

$('li a').click(function (e) {
     e.preventDefault();
     var name = $(this).find('span').text();
     $("#main").load(name + ".html");
 });