не скрываются дочерние дивы
 

Добрый день.
третий день бьюсь с задачкой:
Есть два перечня дивов. 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,
Пожалуйста, отформатируйте свой код!

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

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

AlexTrust,
Пример ошибочного использования

Спасибо огромное!