Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.03.2018, 13:47
Новичок на форуме
Отправить личное сообщение для AlexTrust Посмотреть профиль Найти все сообщения от AlexTrust
 
Регистрация: 03.03.2018
Сообщений: 4

не скрываются дочерние дивы
Добрый день.
третий день бьюсь с задачкой:
Есть два перечня дивов. 1 вложен в другой. Необходимо при нажатии на родительский скрывать\отрывать соответствующий дочерний.
Выглядит это примерно так:
var elems1 = document.getElementsByClassName("flor1");
var array1 = Array.from(elems1);
var elems2 = document.getElementsByClassName("flor2");
var array2 = Array.from(elems2);

for (var key in array1) {
array1[key].onclick = function () {
  if (array2[key].style.display == "block") {
array2[key].style.display = "none";
}
else array2[key].style.display = "block";
}

работает неправильно...событие применяется только к последнему элементу array2.
Помогите пожалуйста, весь интернет перерыл...

Последний раз редактировалось AlexTrust, 03.03.2018 в 15:50.
Ответить с цитированием
  #2 (permalink)  
Старый 03.03.2018, 15:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

AlexTrust,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 03.03.2018, 15:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

AlexTrust,
Пример ошибочного использования
Ответить с цитированием
  #4 (permalink)  
Старый 03.03.2018, 15:53
Новичок на форуме
Отправить личное сообщение для AlexTrust Посмотреть профиль Найти все сообщения от AlexTrust
 
Регистрация: 03.03.2018
Сообщений: 4

Сообщение от рони Посмотреть сообщение
AlexTrust,
Пример ошибочного использования
Спасибо огромное!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
mouseover, mouseout - не распространяется на дочерние элементы barmaley Events/DOM/Window 31 01.06.2017 08:52
Скрыть дивы радиокнопкой rodiony4 jQuery 10 27.10.2015 03:54
Jquery не учитывает дочерние элементы metaller92 jQuery 2 17.06.2013 11:58
Выбрать дочерние элементы элемента с конкретным CSS adelante jQuery 1 15.07.2012 18:04
mouseout: Определить дочерние элементы Papa Общие вопросы Javascript 3 03.02.2010 20:29