1

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

    <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>
3
  • developer.mozilla.org/en-US/docs/Web/API/Document/…
    – user176262
    23 авг 2021 в 13:36
  • Спасибо за ссылку, конечно, но querySelectorAll не работает в данном случае
    – Andrey K.
    23 авг 2021 в 13:41
  • Так и пишет: "Я не работаю"?
    – user176262
    23 авг 2021 в 13:42

1 ответ 1

1
document.querySelectorAll('.content').forEach(c => c.classList.toggle('hidden'));

вместо строчки

content.classList.toggle('hidden')
9
  • Не могли бы вы показать весь код, пожалуйста.
    – Andrey K.
    23 авг 2021 в 13:49
  • Большое спасибо!
    – Andrey K.
    23 авг 2021 в 13:52
  • @AndreyK. Пожалуйста. Успехов.
    – user176262
    23 авг 2021 в 13:53
  • Прошу извинить, но скажите, пожалуйста, а можно ли сделать чтобы работало несколько кнопок "скрыть/показать"?
    – Andrey K.
    23 авг 2021 в 14:21
  • @AndreyK. Все можно, но мне по проводам плохо видны Ваши мысли.
    – user176262
    23 авг 2021 в 14:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.