JSFiddle - React, Tailwind, and code Playground

HTML

<div class="items">
    <a href="#2014">2014</a>
    <div class="year" id="2014">
        <a href="#">- статья1</a>
        <a href="#">- статья2</a>
    </div>
    <a href="#2013">2013</a>
    <div class="year" id="2013">
        <a href="#">- статья3</a>
        <a href="#">- статья4</a>
    </div>
</div>

CSS

.items>a{
    display:block;
    text-decoration:none;
}
.year{
    display:none;
    text-decoration:none;
}
.year>a{
    display:block;
}

JavaScript

$(document).ready(function(){
    $('.items>a').click(function(){
        $('.items>.year').slideUp(200);
        $('#'+$(this).text()).stop().slideDown(400);
    });
});