JSFiddle - React, Tailwind, and code Playground

HTML

<div class="specialist-content">
   <img class="open" src="" alt="Открыть">
<div class="full clear">
   <img class="close-full" src="" alt="Закрыть">
   <div class="full-info clear">
    the_post_thumbnail()
    <p class="name visible">the_title()  </p>
    <div class="post-content">
     get_template_part( 'template-parts/content' )
    </div>
    <p class="specialization visible"></p>
    <p class="education visible"></p>	
    <p class="experience visible">Стаж более лет</p>
   </div>
   </div></div>

CSS

.full {
  display:none;
}

JavaScript

$('.close-full').click(function(){
$(this).parent('div').css({'display':'none'}); });
$('.open').click(function(){
$(this).next('.full').css({'display':'block'}); });