Как отображать только один из одинаковых div с id="x" предыдущий развернутый сворачивать?

Question

[Игорь]

Есть несколько div с одинаковыми id. Все они свёрнуты и открываются только по клику.

Вопрос 1: как сворачивать предыдущий открытый div отображая на экране развернутым только один div?
Вопрос 2: внутри этих div находится texarea так же с одинаковым id во всех div - как сделать чтобы в "свернутых" div эта texarea меняла или полностью отключала свой id пока на будет нажата кнопка "развернуть" (у каждого div она своя).

Comments

[Ankhena]

Есть несколько div с одинаковыми id

Начать отсюда.
Сделать так, чтобы они не были одинаковыми или заменить на классы.

Вопрос 1: как сворачивать предыдущий открытый div отображая на экране развернутым только один div?

Логика банальна: закрываем все, открываем нужный.

Вопрос 2: как менять или полностью убирать id у всех этих свернутых div или же полностью "скрывать" их от взаимодействия с определенным JS пока на будет нажата кнопка "развернуть" (у каждого div она своя).

Ничего не понятно.
Как удалять атрибуты легко гуглится.

[MVV]

Правильный ответ - назначить каждому div свой трибут id. Ибо этот атрибут по предназначению должен быть уникальным. И более того - его имя в JS можно использовать как переменную скрипта. Я так частенько делаю на всяких проверочных страничках для изготовляемого мной back-end - так проще, а странички эти, кроме меня, никто всё равно не видит.

Answer 1

[Everything_is_bad]

с одинаковыми id

корень проблемы, начни с понимания что такое id, как поймешь, избавься от этого корня. Подсказка, селекторы могут не только по id быть, можно по class, data-атрибутам, да даже по расположению тегов.

ЗЫ посмотрел твои вопросы, на них в гугле отвечали 100500 раз, давай ходи сначала туда, а не бегай сюда на каждый чих.

Answer 2

[VoidVolker]

https://htmlbook.ru/html/attr/id

Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

Т.е. в вашем случае следует исправить неверно присвоенные идентификаторы и обращаться к каждому элементу по его уникальному идентификатору. В случае, если же надо обращаться к группе элементов следует присвоить этой группе элементов одинаковый класс и обращаться к группе по этому классу.
Касательно вопроса обращения к предыдущему элементу - для этого существуют переменные. Т.е., присваиваете переменной текущий элемент, а при следующей итерации обращаетесь к элементу через эту переменную.

Comments

[Rsa97]

Касательно вопроса обращения к предыдущему элементу

Как вариант - не задумываться о "предыдущем элементе". Закрыть все, кроме нужного, и отрыть нужный.