JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spoiler-wrapper">
<div class="spoiler unfolded">Открытый</div>
<div class="spoiler-text">text</div>
</div>

<div class="spoiler-wrapper">
<div class="spoiler folded">Закрытый</div>
<div class="spoiler-text">text</div>
</div>

JavaScript

jQuery(document).ready(function(){
         
   if(jQuery('.spoiler').hasClass("unfolded")) {
            jQuery('.spoiler-text').show();
   }

   else if(jQuery('.spoiler').hasClass("folded")) {
       jQuery('.spoiler-text').hide();
   }
                        
        jQuery(".spoiler").click(function(){
			jQuery(this).toggleClass("folded").toggleClass("unfolded").next().slideToggle();
	   })
          
 
        
	})