JSFiddle - React, Tailwind, and code Playground

HTML

<div class='box'>
    
    <span class='header_box'></span>
    
    <div class='intro none'></div>
    
    
</div>

CSS

.none{
    
    display:none;
}

JavaScript

function text(str,str_t){
    
 $('.header_box').text(str);
    
  $('.intro').text(str_t); 
    
    
}
text('Подробнее','Покажись')  // первый аргумент - Текст внутри header_box, второй - текст внутри intro

$('.box').on('click', display);


function display(){
  
    $('.intro').toggleClass('none');
    
}