Трех уровневое раздвижное вертикальное меню

[komusito]

Проблема так проблема. Ничего не получается.

Код HTML который должен быть :

<div class="left_menu">
	<ul>
		<li><div>ДЕЯТЕЛЬНОСТЬ</div>
			<ul>
				<li><a href="#">Сервисное обслуживание</a></li>
				<li><a href="#">Консалтинг и аудит</a></li>
				<li><a href="#">Проектирование</a></li>
				<li><a href="#">Телефония и АТС</a></li>
				<li><div>Серверы и компьютреы</div>
					<ul style="display: block;">
					<li><a href="#">Терминальные сервера</a></li>
					<li><a href="#">Рабочие станции</a></li>
					<li><a href="#">Платформы</a></li>
					<li><a href="#">Кластеры</a></li>
					<li><a href="#">Сервера(1U,2U,4U)</a></li>
					</ul>
				</li>
				<li><a href="#">Системы безопасности</a></li>
				<li><a href="#">Локальные сети</a></li>
				<li><a href="#">Офисная техника</a></li>
				<li><a href="#">Гарантии</a></li>
			</ul>
		</li>
		<li><a href="#">УСЛУГИ</a></li>
		<li><a href="#">ПАРТНЕРЫ</a></li>
		<li><a href="#">ЛИЦЕНЗИИ</a></li>
		<li><a href="#">ВАКАНСИИ</a></li>
		<li class="active"><a href="#">АКЦИИ</a></li>
		<li><a href="#">НОВОСТИ</a></li>
		<li><a href="#">СЕРТИФИКАТЫ</a></li>
		<li><a href="#">ПРЕДСТАВИТЕЛЬСТВА</a></li>
		<li><a href="#">ДИЛЛЕРЫ</a></li>
	</ul>
</div>

фотка правильного кода :


Код HTML который генерится (не правильный) :

<div class="left_menu">
	<ul>
		<li><div>ДЕЯТЕЛЬНОСТЬ
			<ul>
				<li><a href="#">Сервисное обслуживание</a></li>
				<li><a href="#">Консалтинг и аудит</a></li>
				<li><a href="#">Проектирование</a></li>
				<li><a href="#">Телефония и АТС</a></li>
				<li><div>Серверы и компьютреы
					<ul style="display: block;">
					<li><a href="#">Терминальные сервера</a></li>
					<li><a href="#">Рабочие станции</a></li>
					<li><a href="#">Платформы</a></li>
					<li><a href="#">Кластеры</a></li>
					<li><a href="#">Сервера(1U,2U,4U)</a></li>
					</ul>
					</div>
				</li>
				<li><a href="#">Системы безопасности</a></li>
				<li><a href="#">Локальные сети</a></li>
				<li><a href="#">Офисная техника</a></li>
				<li><a href="#">Гарантии</a></li>
			</ul>
			</div>
		</li>
		<li><a href="#">УСЛУГИ</a></li>
		<li><a href="#">ПАРТНЕРЫ</a></li>
		<li><a href="#">ЛИЦЕНЗИИ</a></li>
		<li><a href="#">ВАКАНСИИ</a></li>
		<li class="active"><a href="#">АКЦИИ</a></li>
		<li><a href="#">НОВОСТИ</a></li>
		<li><a href="#">СЕРТИФИКАТЫ</a></li>
	</ul>
</div>

фотка не правильного кода (генерит TYPO3):


Скрипт для TYPO3 (работает не правильно, герерится не правильный код)

lib.submenu =  HMENU
lib.submenu {
  entryLevel = 1
  1 = TMENU
  1  {
    noBlur = 1
    expAll = 1
    wrap = <div class="left_menu"><ul>|</ul></div>
    NO.wrapItemAndSub = <li>|</li>
    IFSUB = 1
    IFSUB.doNotLinkIt = 1
    IFSUB.wrapItemAndSub = <li><div>|</div></li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
  }
  2 = TMENU
  2  {
    noBlur = 1
    expAll = 1
    wrap = <ul>|</ul>
    NO.wrapItemAndSub = <li>|</li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
    ACT.ATagParams = 
  }
  3 = TMENU
  3  {
    noBlur = 1
    expAll = 1
    wrap = <ul>|</ul>
    NO.wrapItemAndSub = <li>|</li>
    ACT = 1
    ACT.wrapItemAndSub =<li class="active">|</li>
    ACT.ATagParams = 
  }
}
[PIDinRootline = 3]
lib.submenu >
[end]

Большая просьба ко всем кто может помочь, помогите.

[Nobody]

Проблема на первом уровне из–за этой строчки:

IFSUB.wrapItemAndSub = <li><div>|</div></li>

Из–за этого ul второго уровня оказывается заключённым в div. Тоже самое на втором уровне.

Тебе надо что–то типа:

IFSUB.stdWrap.wrap = <div>|</div>
IFSUB.wrapItemAndSub = <li>|</li>

Первая строчка только текст оборачивает, вторая – текст+подменю.