вот что в 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> |