JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cssmenu" class="sixteen columns">
    <ul>
        <li><a href='#' id='2011'><span>2011</span></a>

        </li>
        <li><a href='#' id='2012'><span>2012</span></a>

        </li>
        <li><a href='#' id='2013'><span>2013</span></a>

        </li>
        <li><a href='#' id='edicoes_especiais'><span>Edições Especiais</span></a>

        </li>
        <li><a href='#' id='estatisticas'><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.id;
    $("#main").load(name + ".html");
});