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