JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>



 <a href=" " class="spoiler_links"> <strong>ПРИМЕР</strong> (возможно, это стоит прочитать)  </a>

<div class="spoiler_body">тело спойлера</div>



 <a href=" " class="spoiler_links2"> <strong>ПРИМЕР</strong> (возможно, это стоит прочитать)  </a>

<div class="spoiler_body2">тело спойлера</div>

CSS

.spoiler_body {

     display:none; /* Показывает что div скрыт  */
     cursor:help;  /* Устанавливает форму курсора, когда он находится в пределах элемента. cursor: [url('путь к курсору') */
     background-color: RGB(30, 144, 255) ;/* Цвет фона */  
     padding: 10px 10px; /* Поля вокруг текста */
     border-radius: 0px 0px 20px 20px; /* Радиус углов блока */
     width: 700px;  /* Шырина блока */
     text-indent: 20px;    /* Отступ первой строки в пикселах */
}
.spoiler_links {
    display: block;
    background-color: RGB(30, 144, 255) ;/* Цвет фона */  
     padding: 10px 10px; /* Поля вокруг текста */
     border-radius: 20px 20px 0px 0px; /* Радиус углов блока */
     width: 700px;  /* Шырина блока */
     text-indent: 20px;    /* Отступ первой строки в пикселах */
}

.spoiler_body2 {

     display:none; /* Показывает что div скрыт  */
     cursor:help;  /* Устанавливает форму курсора, когда он находится в пределах элемента. cursor: [url('путь к курсору') */
     background-color: RGB(30, 144, 255) ;/* Цвет фона */  
     padding: 10px 10px; /* Поля вокруг текста */
     border-radius: 0px 0px 20px 20px; /* Радиус углов блока */
     width: 700px;  /* Шырина блока */
     text-indent: 20px;    /* Отступ первой строки в пикселах */
}
.spoiler_links2 {
    display: block;
    background-color: RGB(30, 144, 255) ;/* Цвет фона */  
     padding: 10px 10px; /* Поля вокруг текста */
     border-radius: 20px 20px 0px 0px; /* Радиус углов блока */
     width: 700px;  /* Шырина блока */
     text-indent: 20px;    /* Отступ первой строки в пикселах */
}

JavaScript

$(document).ready(function(){  
   $('.spoiler_links').click(function(){  $(this).parent().children ('div.spoiler_body').toggle('normal');  
    return false;  
    });
  });



 $(document).ready(function(){  
   $('.spoiler_links2').click(function(){  $(this).parent().children ('div.spoiler_body2').toggle('normal');  
    return false;  
    });
  });