JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inner">
	<div class="buttons">
	<div class="inl">Анонсы</div><div class="inl active">Реклама</div>
	</div>
	<div class="items">
	  <div class="announc" style="display: none;">анонсы</div>
	  <div class="article">реклама</div>
	</div>
  </div>

CSS

.buttons div {
    display:none;
}
.buttons div.active {
    display:inline;
}

JavaScript

$(document).ready(function(){
if ($('.announc').text()) {
	$('.article').css('display','none');
	$('.announc').css('display','block');
	$('.buttons div:first').addClass('active');
	$('.buttons div:last').removeClass('active');
}
})