JSFiddle - React, Tailwind, and code Playground

HTML

<p class="town1">Мухосранск</p>
<p class="town2">Нарниевка</p>
<p class="town3">Очково</p> 

<p id="town1">Информация по городу Мухосранск</p>
<p id="town2">Информация по деревне Нарниевка</p>
<p id="town3">Информация по селу Очково</p>

CSS

.town1, .town2, .town3 
{
    cursor: pointer;
}

JavaScript

$('#town1, #town2, #town3').fadeOut(0);

$('.town1').click(function(){
    $('#town2, #town3').fadeOut(0); 
    $('#town1').fadeIn(500);
});

$('.town2').click(function(){
    $('#town1, #town3').fadeOut(0); 
    $('#town2').fadeIn(500);
});

$('.town3').click(function(){
    $('#town1, #town2').fadeOut(0); 
    $('#town3').fadeIn(500);
});