Скрыть / показать несколько блоков по классу JS

помогите пожалуйста доработать текущий код. Нужно чтобы по клику на элемент, скрывались-показывались элементы с одним классом

    <style>
        .hidden {
            display: none;
        }
    </style>
    <span class="hide_btn">Показать опции</span>

    <div class="content hidden">Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Повседневная практика показывает, что реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании новых предложений.</div>
    <div class="content hidden">Постоянное! постоянное информационно-пропагандистское обеспечение нашей деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Повседневная практика показывает, что реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании новых предложений.</div>

    <script type="text/javascript">
        const btn = document.querySelector('.hide_btn')
        const content = document.querySelector('.content')

        btn.addEventListener('click', btnClick)

        function btnClick() {
            if (content.classList.contains('hidden')) {
                btn.textContent = 'Скрыть опции'
            } else {
                btn.textContent = 'Показать опции'
            }

            content.classList.toggle('hidden')
        }
    </script>