Топ дня: EvilLord

Под напишите код свёртывание и развёртывание
Для колхоза.

<style>

 .del { display: none; }

 .del:not(:checked) + label + * { display: none; }

  

 /* тут редактируем вид кнопки */

 .del:not(:checked) + label,

 .del:checked + label {

 display: inline-block;

 padding: 2px 10px;

 border-radius: 2px;

 color: #fff;

 background: #4e6473;

 cursor: pointer;

 }

 .del:checked + label {

 background: #e36443;

 }

 </style>

  

 <input type="checkbox" id="raz" class="del"/>

 <label for="raz" class="del">Показать скрытый текст</label><div>

 <strong>Скрытый текст</strong> </div>

 $('#text).on('click', function(){

   $('#text).fadeIn();

   if('#text').css('display', 'block')) {

    $('#text').fadeOut();

   }

 });

 

https://html5css.ru/howto/howto_js_accordion.php