---
title: "Menü mit unterschiedlich <ul> und <li>"
url: "https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2006-12-05"
last_reply: "2006-12-06"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Menü mit unterschiedlich <ul> und <li>

TYPO3 › Menüs · 6 Antworten · gestartet 2006-12-05

## Eröffnungsbeitrag

**lexus_mod** · 2006-12-05 · [Beitrag #1](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/1)

Hallo zusammen,

mein "Learning by Doing" in Sachen Typo3 stößt z.Z. an seine Grenzen.
Ich zermarter mir schon einige Zeit den Kopf wie ich folgende Menüzustände des Klappmenüs wrapen kann.

```html
<ul id="menu" class="menu">
 <li><a href="#">Menu 1</a></li>
 <li><a href="#">Menu 2</a></li>
	  
 <li><a href="#">Menu 3</a>
  <ul>
   <li><a href="#">Menu 3 Sub 1</a></li>
  </ul>
 </li>

 <li><a href="#">Menu 4</a>
  <ul>
   <li><a href="#">Menu 4 Sub 1</a></li>
  </ul>
 </li>
</ul>
```

Jetzt möchte ich wenn z.B. Menu 3 oder "Menu 3 Sub 1"
ausgewählt wurde, das dass Menü folgendermaßen gewrapt wird:

**Menu 3 oder "Menu 3 Sub 1" Aktiv**

```html
<ul id="menu" class="menu">
 <li><a href="#">Menu 1</a></li>
 <li><a href="#">Menu 2</a></li>
	  
 <li><a href="#">Menu 3</a></li>
 <li><a href="#">Menu 3 Sub 1</a></li>

 <li><a href="#">Menu 4</a>
  <ul>
   <li><a href="#">Menu 4 Sub 1</a></li>
  </ul>
 </li>
</ul>
```

Kann ich das überhaupt so wie ich mir das vorstelle mit TS erzeugen?
Oder bin ich mit meinem Ansatz auf dem Holzweg?

Zur Info: Ich muss expAll = 1 anwenden weil ich noch ein JavaScript nutzen möchte was die Links später aufklappen lassen soll.

Für jede Hilfe wäre ich euch dankbar.

```typoscript
subparts.MENU = HMENU
	subparts.MENU {
	entryLevel = 0
	
	# Erste Ebene
	1 = TMENU
	1 {
		wrap = <ul id="menu">|</ul>
		expAll = 1
		IFSUB = 1
		IFSUB.allWrap = <li>|<ul>
		NO.linkWrap = <li>|</li>
	#	ACTIFSUB = 1
	#	ACTIFSUB.linkWrap = <li>|</li>
		}

	# Zweite Ebene
	2 = TMENU
	2 {
		wrap =  | </ul></li>
		expAll = 1
		IFSUB = 1
		IFSUB.allWrap = <li>|<ul>
		NO.linkWrap = <li>|</li> 
		RO = 1
	#	ACTIFSUB = 1
	#	ACTIFSUB.linkWrap = 
		}
	}
}
```

Grüße lexus

## Antworten

### [#2](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/2) · just2b · 2006-12-05

Hallo,

ein Listenmenü baut man so auf:

```typoscript
subparts.MENU = HMENU
subparts.MENU {
 wrap = <ul id="nav1">|</ul>
 1 = TMENU
 1.NO.wrapItemAndSub = <li>|</li>
 2 <.1
 2.wrap = <ul id="nav2">|</ul>
```

lg georg

### [#3](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/3) · lexus_mod · 2006-12-06

Hallo Georg,

erstmal coole Seite www.ringerge.org und danke für die Antwort aber ich bin jetzt genau soweit wie ich schon vor zwei Tagen war.

Ich habe Dein Script für meine Bedürfnisse angepasst, klappt auch soweit.

Ich komm einfach nicht drauf wie ich jetzt den <ul></ul> Tag um das "Menu 3 Sub 1" weg bekomme und hinter Menu 3 muss der </li> Tag noch geschlossen werden, sobald das Menu 3 oder "Menu 3 Sub 1" aktiv ist. Aber so das der <ul></ul> um das "Menu 4 Sub 1" stehen bleibt.

**Beispiel: kein Menü ist aktiv**

```html
<ul id="menu" class="menu">
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a>
    <ul>
      <li><a href="#">Menu 3 Sub 1</a></li>
    </ul>
  </li>
  <li><a href="#">Menu 4</a>
    <ul>
      <li><a href="#">Menu 4 Sub 1</a></li>
    </ul>
  </li>
</ul>
</ul>
```

**Beispiel: Menu 3 ist aktiv**

```html
<ul id="menu" class="menu">
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>

      <li><a href="#">Menu 3 Sub 1</a></li>

  <li><a href="#">Menu 4</a>
    <ul>
      <li><a href="#">Menu 4 Sub 1</a></li>
    </ul>
  </li>
</ul>
</ul>
```

 **Beispiel: Menu 4 ist aktiv**

```html
<ul id="menu" class="menu">
  <li><a href="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a>
    <ul>
      <li><a href="#">Menu 3 Sub 1</a></li>
    </ul>
  </li>
  <li><a href="#">Menu 4</a></li>

      <li><a href="#">Menu 4 Sub 1</a></li>


</ul>
```

```typoscript
subparts.MENU= HMENU
subparts.MENU{
wrap = <ul id="menu" class="menu">|</ul>

 1 = TMENU
 1{
 expAll = 1
 NO.wrapItemAndSub = <li>|</li>
 }
 2 = TMENU
 2{
 wrap = <ul>|</ul>
 NO.wrapItemAndSub = <li>|</li>
 }
```

Grüße lexus

### [#4](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/4) · just2b · 2006-12-06

du kannst nicht einfach die struktur verändern!
was hast du denn vor?

georg
ps: danke ;)

### [#5](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/5) · lexus_mod · 2006-12-06

guten morgen,

ich möchte ein vertikales dropdown menüe erstellen, ca. so wie es auf deiner seite  dargestellt wird. ich möchte aber zusätzlich das dass aktive sub menü, wenn es angeklickt wird, weiterhin sichtbar unter dem hauptpunkt eingerückt wird.

[Bild: sprechen-und-gesang.de/…/vmenu.gif](http://www.sprechen-und-gesang.de/img/vmenu.gif)

### [#6](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/6) · just2b · 2006-12-06

keine Idee wie das mit einem Standard-TMENU ginge

georg

### [#7](https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li/7) · lexus_mod · 2006-12-06

schade trotzdem danke für deine mühe.

---

Quelle: „Menü mit unterschiedlich <ul> und <li>“, typo3.net, https://www.typo3.net/d/54535-menue-mit-unterschiedlich-ul-und-li
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.