---
title: "Einfache Toggle Animation mit jQuery für Content Elemente"
url: "https://www.typo3.net/d/103792-einfache-toggle-animation-mit-jquery-fuer-content-elemente"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Frage"]
created: "2011-02-10"
last_reply: "2011-02-17"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Einfache Toggle Animation mit jQuery für Content Elemente

TYPO3 › TypoScript · 2 Antworten · gestartet 2011-02-10

## Eröffnungsbeitrag

**webtemps** · 2011-02-10 · [Beitrag #1](https://www.typo3.net/d/103792-einfache-toggle-animation-mit-jquery-fuer-content-elemente/1)

Hallo,
ich steh gerade wohl irgenwie auf dem Schlauch und hoffe jemand kann mir runter helfen.

Ich setze Typo3 4.5.0 ein und versuche mit einem selbst definierten Rahmen eine einfache Toggle-Animation mit jQuery zu realisieren. Ein Accordion scheidet aus, da der User auch alle Slider öffnen können sollte. Meine Idee ist es, dass der Redakteur über den Frame festlegt, welches CE er erweiterbar machen will. Das HTML sollte so aussehen.

```html
<h2 class="trigger"><a href="#">Toggle Header</a></h2>
<div class="toggle_container">
	<div class="block">
		<h3>Content Header</h3>
		<!--Content-->
	</div>
</div>
```

Über die Page TSConfig:

```typoscript
TCEFORM.tt_content.header_layout.addItems.6 = TOGGLE
```

wird der Rahmen im BE angelegt und die Überschrift wird richtig ausgegeben.

```html
<h2 class="trigger"><a href="index.php?id=26#">Test toggle</a></h2>
```

Wäre toll, wenn mir jemand helfen könnte, das DIV mit der Klasse "block" um die Inhalte des Content Elements zu bekommen?

Gruß
Leif

## Antworten

### [#2](https://www.typo3.net/d/103792-einfache-toggle-animation-mit-jquery-fuer-content-elemente/2) · schlonz · 2011-02-16

Hallo Leif,

dafür gibt es die Extension rgaccordion, mit der lassen sich die Slider auch aktiv öffnen und schliessen. Leider funktioniert rgaccordion unter 4.5.0 aktuell nicht. Die Framevariante wäre ein eleganter Ersatz.

Bist Du schon weiter gekommen?

Gruß

### [#3](https://www.typo3.net/d/103792-einfache-toggle-animation-mit-jquery-fuer-content-elemente/3) · webtemps · 2011-02-17

Hallo,

ich habe nach Kontakt mit Helmut Hackbarth die Extension Simple Toggle with CSS and jQuery

<http://typo3.org/extensions/repository/view/t3s_toggle/current/>

zur Verfügung, die das Problem löst. Mit seiner schönen Extension t3s_content läuft das Accordion auch unter 4.5 problemlos. Die Toggle-Extension ermöglicht es eben auch, dass nicht nur ein Inhalt offen sein kann (Druckansicht), sondern dies beliebig auf-/eingeklappt sein kann.

Optimal wäre aber eine Lösung über Frames, da dort jedes beliebige CE mit der notwendigen Funktion gesteuert werden könnte. In dem Punkt bin ich noch nicht weiter. Leider.

Gruß

---

Quelle: „Einfache Toggle Animation mit jQuery für Content Elemente“, typo3.net, https://www.typo3.net/d/103792-einfache-toggle-animation-mit-jquery-fuer-content-elemente
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.