Переключатель категорий на jquery

$('#date').click(function () { 
    $('#categories').hide('fast'); 
    $('#years').show('fast'); 
    $('#months').show('fast'); 
}); 
 
$('#category').click( function () { 
    $('#years').hide('fast'); 
    $('#months').hide('fast'); 
    $('#categories').show('fast'); 
});

.filters { 
    padding-top: 10px; 
} 
 
.filters ul { 
    padding-bottom: 10px; 
} 
 
#categories { 
    display: none; 
} 
 
#years { 
    display: none; 
} 
 
#months { 
    display: none; 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/> 
<h2>Новости</h2> 
                <div class="filters"> 
                    <ul class="nav nav-pills" id="filters"> 
                        <li role="presentation" data-toggle="pill" id="date"><a href="#">Дата</a></li> 
                        <li role="presentation" data-toggle="pill" id="category"><a href="#">Категория</a></li> 
                    </ul> 
                    <ul class="nav nav-pills" id="years"> 
                        <li role="presentation" class="active" data-toggle="pill"><a href="#">2017</a></li> 
                        <li role="presentation" data-toggle="pill"><a href="#">2016</a></li> 
                        <li role="presentation" data-toggle="pill"><a href="#">2015</a></li> 
                    </ul> 
                    <ul class="nav nav-pills" id="months"> 
                        <li role="presentation" class="active" data-toggle="pill"><a href="#">Мартобрь</a></li> 
                    </ul> 
                    <ul class="nav nav-pills" id="categories"> 
                        <li role="presentation" class="active" data-toggle="pill"><a href="#">Объявления</a></li> 
                        <li role="presentation" data-toggle="pill"><a href="#">Студенческая жизнь</a></li> 
                        <li role="presentation" data-toggle="pill"><a href="#">...</a></li> 
                    </ul> 
                </div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>