$( document ).ready( function() {
    // What to do when years are clicked
    $( "span.yearTitle" ).on( "click", function() {
        var months = $( this ).next();
        if ( $( months ).is( ":visible" ) ) {
            $( months ).hide();
        } else {
            $( months ).show();
        }
    });
    // What to do when months are clicked
     $( "span.monthTitle" ).on( "click", function() {
        var articles = $( this ).next();
        if ( $( articles ).is( ":visible" ) ) {
            $( articles ).hide();
        } else {
            $( articles ).show();
        }
    });
});

// Quand on click sur 2012 
// si les mois sont ouvert
//      on les ferme
// si les mois les sont fermes
//      on les ouvrent
//