JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
<li></li>
<li id="list_post_title">Поле 0</li>
<li id="list_cp_whram">Поле 1</li>
<li id="list_cp_whbezram">Поле 2</li>
<li id="list_post_content">Поле 3</li>
<li id="list_cp_city">Поле 4</li>
<li id="list_cp_street">Поле 5</li>
<li id="list_cp_email">Поле 6</li>
<li id="list_cp_phone">Поле 7</li>
<li id="list_cp_phonetwo">Поле 8</li>
<li id="list_cp_dostavka">Поле 9</li>
<li id="list_cp_price">Поле 10 (тут начинается)</li>
<li id="list_cp_ramka">Поле 11</li>
<li id="list_cp_canva">Поле 12</li>
<li id="list_cp_canvaschet">Поле 13</li>
<li id="list_cp_markanitok">Поле 14</li>
<li id="list_cp_colors">Поле 15</li>
<li id="list_cp_cresthor">Поле 16</li>
<li id="list_cp_crestver">Поле 17</li>
<li id="list_cp_steklo">Поле 18</li>
<li id="list_cp_dopmat">Поле 19</li>
<li id="list_tags_input">Поле 20 (тут заканчивается)</li>
<li id="list_tags_filed-1">Поле 21</li>
<li id="list_tags_filed-2">Поле 22</li>
</ol>

CSS

ol{
    color:#777;
}
.test{
    color:red;
    font-width:bold;
}

JavaScript

$("#list_cp_price").nextUntil("#list_tags_input").hide();
  $("#list_cp_price").after("<span class='test'>Тест</span>");
  $('.test').toggle(
    function(){
      $(this).siblings('#list_cp_price').nextUntil("#list_tags_input").stop(false, true).slideDown(300);
      $(this).html('Открыть');
    },
   function(){
      $(this).siblings('#list_cp_price').nextUntil("#list_tags_input").stop(false, true).slideUp(200);
      $(this).html('Закрыть');
   }
 );