---
title: "Ausdehnendes DL/DD-/UL/LI-Menu (mit jQuery)"
url: "https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","JavaScript & AJAX"]
created: "2008-02-11"
last_reply: "2008-08-14"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Ausdehnendes DL/DD-/UL/LI-Menu (mit jQuery)

TYPO3 › Menüs · 5 Antworten · gestartet 2008-02-11

## Eröffnungsbeitrag

**mike_mcfly** · 2008-02-11 · [Beitrag #1](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/1)

Ahoi zusammen,

ich möchte ein Sliding-Menu mit jQuery realisieren (siehe: <http://www.iconsol.de/websitetest/iconsol/2spaltig.html>). Sieht soweit ganz gut aus, doch nun muss ich das Menu in Typoscript umsetzen und ich bekomme die Wrap-Funktion einfach nicht dazu das Menu so auszugeben:

```html
<dl>
<dt><a href="#">Internet-Design</a></dt>
<dd>
<ul>
<li><a href="#">Firmenpräsentation</a></li>
<li><a href="#">Online-Shops</a></li>
<li><a href="#">Content Management</a></li>
<li><a href="#">Weblogs</a></li>
<li><a href="#">Inhalte aufbereiten</a></li>
</ul>
</dd>
<dt><a href="#">Werbe-Design</a></dt>
<dd>
<ul>
<li><a href="#">Logos</a></li>
<li><a href="#">Erscheinungsbild</a></li>
<li><a href="#">Drucksachen</a></li>
<li><a href="#">Internet Werbemittel</a></li>
</ul>
</dd>
<dt><a href="#">Referenzen</a></dt>
<dd>
<ul>
<li><a href="#">Internetdesign</a></li>
<li><a href="#">Werbung</a></li>
</ul>
</dd>
<dt><a href="#">Über uns</a></dt>
<dd>
<ul>
<li><a href="#">Leistungen</a></li>
<li><a href="#">Das Team</a></li>
<li><a href="#">Presse</a></li>
</ul>
</dd>
<dt><a href="#">Kontakt</a></dt>
</dl>
```

Vorschläge?

## Antworten

### [#2](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/2) · steffenk · 2008-02-11

doNotLinkIt im Zusammenhang mit wrap

Aber Du solltest die Links normal lassen und über jquery ein event.stop machen, damit es auch ohne JS funktioniert.

### [#3](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/3) · mike_mcfly · 2008-02-11

What? Ich versteh' nur Bahnhof!!!

### [#4](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/4) · steffenk · 2008-02-11

1.) Du willst mit jquery arbeiten? Dann sollte event-handling doch ein Begriff sein
2.) was ist am wrappen so schwer?

### [#5](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/5) · mike_mcfly · 2008-02-14

Antwort zu Frage 2) vermutlich ist das genau so schwer wie konstruktive Hilfe zu geben!?

Aber dieses Foren-Scharmützel bringt mich jetzt nicht weiter.

Ich gebe es zu, ich bin schuldig:
ich verstehe die Wrapper-Funktion von T3 nicht wirklich - trotz mehrerer Bücher und knapp 6 Monate T3-Umgang (von Erfahrung kann ich dabei wohl kaum sprechen).

### [#6](https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery/6) · drcho · 2008-08-14

Warum nicht als Sitemap die Struktur ausgeben und dann per jQuery die entsprechenden Unterpunkte ausblenden?

Hier eine Möglichkeit, wie man es als Sitemap-Menü realisieren könnte:

```typoscript
lib.sitemapmenu = COA
lib.sitemapmenu {
  10 = HMENU
  10.wrap = <dl>|</dl> 
  10.special = directory
  # Unterseiten der PID 1 werden angezeigt
  10.special.value = 1
  10.1 = TMENU
  10.1 {
    noBlur = 1
    expAll = 1
    NO.allWrap = <dt>|</dt>
  }
  10.2 = TMENU
  10.2 {
    wrap = <dd><ul>|</ul></dd>
    noBlur = 1
    expAll = 1
    NO.allWrap = <li>|</li>
  }
}
```

So oder so ähnlich sollte doch funktionieren.

wrap bedeutet umklammern. Wenn man in Typoscript schreibt:

```typoscript
page.10 = TEXT
page.10.value = Hallo Welt
page.10.wrap = Ich sage:"|!"
```

Dann wird daraus:
Ich sage: "Hallo Welt!"
(das Zeichen | wird durch den ursprünglichen Wert ersetzt)

---

Quelle: „Ausdehnendes DL/DD-/UL/LI-Menu (mit jQuery)“, typo3.net, https://www.typo3.net/d/73513-ausdehnendes-dldd-ulli-menu-mit-jquery
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.