Кнопка с раскрывающимся текстом

1. Добавьте блок "Вопрос & Ответ"

2. Добавьте блок с html кодом:

<style>
   .qa.collapsed:before, .qa:before{
   content: unset;
   }
   
   .qa-description{
   padding: unset !important;
</style>

<script>
   window.addEventListener('load', function () {
      $(".qa").parent().addClass('text-center').removeClass('text-left');
    
      $(".qa")
        .addClass('text-center btn btn-block btn-primary link-btn link-btn-rounded')
        .css("background-color", "#fff") // цвет фона кнопки
       .css("color", "#000") // цвет кнопки
       .css("font-size", "1.1rem"); // размер заголовка кнопки
   })
    
</script>

 

Код поменяет вид всех блоков "Вопрос & Ответ" на этой странице на кнопку:

Последняя правка от 17 Ноябрь, 2021