Кнопка при нажатии на которую скрывается/открывается текст

[nonameii3ii]

Есть вот такой код ,при нажатии на кнопку "выпадает текст",как сделать подобное действие с большого количества кнопок ,вот код:

<button class="opys" type='button' onclick="toggleText()">Опис</button>
                        <p id='demo' style='display: none'>
                          1

                            
                            </p>

function toggleText() {
  var text = document.getElementById("demo");
  if (text.style.display === "none") {
    text.style.display = "block";
  } else {
    text.style.display = "none";
  }
}

[Agency]

Уточните вопрос, что требуется, либо есть несколько кнопок, а текст в теге <p>, только в оном месте, либо есть несколько кнопок и несколько тегов <p>, возле каждой кнопки?

[nonameii3ii]

есть даже не несколько ,а много кнопок и много тегов <p> возле каждой кнопке,желательно чтобы текст открывался вниз,как коде приведенном выше