Имеется список вида:
<ul>
<li>
<a>Ученики</a>
<div id="hmenu1">Всплывашка</div>
</li>
.....
</ul>
Он состоит из видимой ссылки и невидимого блока div содержащий своего рода сводную информацию. При наведении на блок списка-элемент , в нем открывается который становится видимым из невидимого. Однако это реализуется путем таким как:
$("ul li:nth-child(1)").mouseenter(function(){$("#hmenu1").fadeIn('slow');});
Тем не менее, див второго элемента списка имеет id= hmenu2, элемент див третьего списка имеет id = hmenu3 и т.д.
Нельзя ли как-то автоматизировать открывания блоков внутри элементов списка? Например я наведу курсор на элемент списка li по счету 10й, то должен открыться блок что внутри элемента списка этого...
Буду очень благодарен за помощь, т.к. вручную прописывать каждый раз значения элементов списка с помощью nth-child и задавать открытия блоков по идентификатору не очень удобно...
Код что есть
здесь 