<div class="js-news">
новость
</div>
<div class="js-news">
новость
</div>
<div class="js-news">
новость
</div>
<ul class="second" id="nav">
<li id="t1"class="second__item active"><a href="#">Новости</a></li>
<li id="t2" class="second__item"><a href="#">Анонсы</a></li>
<li id="t3" class="second__item"><a href="#">Инфоблок</a></li>
</ul>
$(function() {
$('#t1').on('click', function(event) {
$('#hide1').show(300);
$("#hide2").hide(300)
$("#hide3").hide(300);
})
$('#t2').on('click', function(event) {
$('#hide1').hide(300);
$("#hide2").show(300)
$("#hide3").hide(300);
})
$('#t3').on('click', function(event) {
$('#hide1').hide(300);
$("#hide2").hide(300)
$("#hide3").show(300);
});
});
<ul class="second d-flex" id="nav">
<li class="second__active"><a href="#">Новости</a></li>
<li class="second__item"><a href="#">Анонсы</a></li>
<li class="second__item"><a href="#">Инфоблок</a></li>
</ul>
$(function() {
$('#nav').on('click', 'li', function(event) {
$(this).addClass("active").siblings().removeClass("active");
event.preventDefault();