0

подскажите, как сделать с помощью JS чтобы открывался только один пункт

<details>
<summary>Пункт 1</summary>
скрытый текст
</details>
<details>
<summary>Пункт 2</summary>
скрытый текст
</details>
<details>
<summary>Пункт 3</summary>
скрытый текст
</details>

4
  • Он и так один открывается.... Не совсем понятен вопрос и смысл
    – Air
    11 авг 2018 в 18:58
  • @Air Скорее всего нужно, чтобы когда один открывался, второй закрывался..
    – Get-Web
    11 авг 2018 в 19:53
  • Наверное............
    – Air
    11 авг 2018 в 19:54
  • Да, верно, один открывался, второй закрывался
    – D.Denis
    11 авг 2018 в 20:20

1 ответ 1

4

Надеюсь вы так хотели.

const details = document.querySelectorAll("details");

// добавить к каждому клику события клика
[...details].forEach((targetDetail) => {
  targetDetail.addEventListener("click", _ => {
    // закрывать всех кроме кликнутого
    details.forEach((detail) => {
      if (detail !== targetDetail) {
        detail.removeAttribute("open");
      }
    });
  });
});
<details >
<summary>Пункт 1</summary>
скрытый текст
</details>
<details>
<summary>Пункт 2</summary>
скрытый текст
</details>
<details>
<summary>Пункт 3</summary>
скрытый текст
</details>

Ваш ответ

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

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