Изменение стандартного многоуровневого горизонтального меню

Сообщение # 1 | 16:08:09 15 Сен 2014

Здравствуйте!
На сколько я знаю, в стандартном меню юкоз не реализована функция скрытия подменю при отводе курсора с пункта меню. Слышал, что один уровень вложенности пропадает, а если два и более - остается, пока пользователь не кликнет по экрану мышью. Хочется сохранить стандартное меню, но добавить скрытие. Немного не хватает опыта, чтобы доработать код. Надеюсь на вашу помощь.

Код

<div id="uMenuDiv1" class="uMenuV" style="position:relative;">
     <ul class="uMenuRoot">

<li>
    <div class="umn-tl">
<div class="umn-tr">
    <div class="umn-tc">
    </div>
</div>
    </div>
    <div class="umn-ml">
<div class="umn-mr">
    <div class="umn-mc">
<div class="uMenuItem">
    <a href="/index/0-2"><span>О ФОНДЕ</span></a>
</div>
    </div>
</div>
    </div>
    <div class="umn-bl">
<div class="umn-br">
    <div class="umn-bc">
<div class="umn-footer">
</div>
    </div>
</div>
    </div>
</li>

<li>
    <div class="umn-tl">
<div class="umn-tr">
    <div class="umn-tc">
    </div>
</div>
    </div>
    <div class="umn-ml">
<div class="umn-mr">
    <div class="umn-mc">
<div class="uMenuItem">
    <a href="/"><span>НОВОСТИ</span></a>
</div>
    </div>
</div>
    </div>
    <div class="umn-bl">
<div class="umn-br">
    <div class="umn-bc">
<div class="umn-footer">
</div>
    </div>
</div>
    </div>
</li>

<li style="position:relative;">
     <div class="umn-tl">
<div class="umn-tr">
    <div class="umn-tc">
    </div>
</div>
     </div>
     <div class="umn-ml">
<div class="umn-mr">
    <div class="umn-mc">
<div class="uMenuItem">
    <div class="uMenuArrow">
    </div>
    <a href="/publ/9"><span>ПАМЯТНИКИ</span></a>
</div>
    </div>
</div>
     </div>
     <div class="umn-bl">
<div class="umn-br">
    <div class="umn-bc">
<div class="umn-footer">
</div>
    </div>
</div>
     </div>

     <ul style="display:none;">
<li><div class="uMenuItem"><a href="/publ/1"><span>Памятники</span></a></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/publ/1-1-0-15"><span>Доменико Трезини</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/1-1-0-16"><span>Николай Рерих</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/1-1-0-17"><span>Анна Ахматова</span></a></div></li></ul></li>

<li><div class="uMenuItem"><a href="/publ/8"><span>Памятные знаки</span></a></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/publ/8-1-0-14"><span>Московская застава</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/8-1-0-12"><span>Мемориальная аллея памяти</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/8-1-0-13"><span>Павловску 225 лет</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/8-1-0-11"><span>Вагонетка</span></a></div></li></ul></li></ul></li>

<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/publ/2"><span>ПРЕМИИ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li style="position:relative;"><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><div class="uMenuArrow"></div><a href="/publ/10"><span>ПРОЕКТЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div><ul style="display:none;">
<li><div class="uMenuItem"><a href="/publ/10-1-0-18"><span>Юрий Валентинович Кнорозов</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/10-1-0-19"><span>Виктор Цой</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/10-1-0-20"><span>Федор Шаляпин</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/10-1-0-21"><span>Сад русских архитекторов</span></a></div></li>
<li><div class="uMenuItem"><a href="/publ/10-1-0-22"><span>Аллея адмиралов российских</span></a></div></li></ul></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-6"><span>ОБЩЕСТВЕННАЯ ДЕЯТЕЛЬНОСТЬ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/publ/7"><span>ПРЕССА</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li>
<li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="/index/0-7"><span>КОНТАКТЫ</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li></ul></div><script type="text/javascript">$(function(){_uBuildMenu('#uMenuDiv1',0,document.location.href+'/','uMenuItemA','uMenuArrow',2500);})</script>

Меню памятники разделяется на "памятники" и "памятные знаки", в соответствии этому - каждый подпункт делится на ещё пункты. Табуляция только для первых двух пунктов меню. Остальные были "вытянуты" из кода меню и оставлены в первоначальном виде.
Подскажите, что и куда дописать, чтобы при отводе курсора пропадали все подменю раздела.
Огромное спасибо за помощь!

Добавлено (15 Сен 2014, 16:08:09)
---------------------------------------------
закрыта.

Страница 1 из 1 1
Модератор форума: Yuri_G