вот что в CSS
а это после выполнения скрипта
Код |
---|
/* Левое меню */ ul.lmenu { padding:0; margin:0 -10px 0 -5px; list-style:none; } ul.lmenu li { display:block; padding:0; margin:0; } ul.lmenu > li { font-size:16px; padding:7px 0; border-bottom:1px solid #e9e9e9; } ul.lmenu > li > a { display:block; color:#08368a; text-decoration:none; padding:0 0 0 18px; background:url(../_images/menu-arrow.png) no-repeat 7px 7px; } ul.lmenu > li > a:hover { text-decoration:underline; } ul.lmenu > li.active { } ul.lmenu > li.active > a { color:#282828; font-weight:bold; } ul.lmenu > li.active > ul { display:block; } ul.lmenu ul { display:none; padding:5px 0 0 21px; } ul.lmenu ul li { font-size:14px; padding:4px 0; } ul.lmenu ul li a { color:#08378b; text-decoration:none; padding-left:10px; background:url(../_images/menu-arrow-sub.png) no-repeat 0 5px; } ul.lmenu ul li a:hover { text-decoration:underline; } |
Код |
---|
<ul class='lmenu'> <li> <a title="Сухие смеси" href="/catalog/?SECTION_ID=10">Сухие смеси</a> <ul class="sub"> <li> <a title="Клей" href="/catalog/?SECTION_ID=199">Клей</a> </li> </ul> </li> <li> <a title="Водосточные системы" href="/catalog/?SECTION_ID=87">Водосточные системы</a> <ul class="sub" > <li> <a title="МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ" href="/catalog/?SECTION_ID=88"> МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ</a> </li> <li> <a title="ОЦИНКОВАННЫЕ" href="/catalog/?SECTION_ID=89">ОЦИНКОВАННЫЕ</a> </li> <li> <a title="ПВХ DOCKE" href="/catalog/?SECTION_ID=90">ПВХ DOCKE</a> <ul class="subsub"> <li> <a title="БЕЛЫЕ" href="/catalog/?SECTION_ID=91">БЕЛЫЕ</a> </li> <li> <a title="КОРИЧНЕВЫЕ" href="/catalog/?SECTION_ID=92">КОРИЧНЕВЫЕ</a> </li> </ul> </li> </li> </ul> </li> |