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

Опубликовано 17 Ноябрь, 2021 | Сниппеты с кодом | 2 125 просмотров

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") // размер заголовка кнопки
       .css("border-color", "#fff"); // цвет обводки кнопки
   })
    
</script>

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