[Anpl]

Доброго дня. Есть модуль который создает блоки (блоки категорий). Сам блок состоит из картинки категории, имени категории и блока субкатегорий. Нужно что бы блок субкатегорий был скрыт и появлялся только при наведении курсора на картинку категории. Скрываю div выводящий субкатегории - visibility:hidden и использую:

function find_sp() {
var f1 = document.getElementById('hp').getElementsByClassNa me('sp')
for (var i=0; i<f1.length; i++)
f1[i].style.visibility = "visible";
}

function hide_sp() {
var f1 = document.getElementById('hp').getElementsByClassNa me('sp')
for (var i=0; i<f1.length; i++)
f1[i].style.visibility= "hidden";
}

Использую это для onMouseOver и onMouseOut.

Но поскольку div-ы создаются автоматически (сколько категорий - столько div-ов) и у всех них один класс: "sp", то при onMouseOver на любую категорию становятся видимыми субкатегории для всех div-ов (т.е. для всех категорий, а не только для той, для которой было событие onMouseOver)

Ребят, подскажите, как реализовать это так, что бы при наведении мыши видимым становлися только блок для одной категории?