Und als kleiner Nachtrag und für andere die mal so eine Problemstellung haben
sollten.
Schöner wird es mit einer ul li Auflistung.
[...]
<div class="list">
<ul>
<li><h3>Test 1</h3>
<ul>
<li>Test 2</li>
[...]
jquery:
$('li h3').click(function(){
$(this).parent().children(".list ul").slideToggle();
});
Und das wars.
:)
Gruß Olli
----- Original Message -----
From: i...@hypix.net
To: typo3-german@lists.typo3.org
Date: 31.01.2012 13:49:31
Subject: Re: [TYPO3-german] jQuery Problematik
> Also das mit einzigartigen ID ist logisch ;)
> Erster Teil wurde nur kopiert und drei mal eingefügt, ID nicht geändert. Kann
> passieren, stammte auch nur aus einem Test.
>
> Die Lösung ist relativ simple. Danke an alle für die Denkansätze.
>
> $('.elem h2').click(function(){
> $(this).parent().children(".elemOpt").slideToggle();
> });
>
>
> Gruß Olli
>
> ----- Original Message -----
> From: davidgrei...@gmx.net
> To: typo3-german@lists.typo3.org
> Date: 31.01.2012 13:36:49
> Subject: Re: [TYPO3-german] jQuery Problematik
>
>
>> Die Lösung wurde ja bereits geschrieben, noch ein kleiner tip: laut w3c wäre
>> dein Code so nicht valide. Eine id ist eindeutig, d.h. sie darf auf einer
>> Seite nur einmal auftauchen. Nur so btw.
>>
>>
>> Alexander Dick <ty...@dick.at> schrieb:
>>
>>> Hi,
>>>
>>> ganz einfach, wenn ich dich richtig verstanden habe:
>>>
>>> jQuery('h2', 'div.elem').toggle(function() {
>>> // öffnen
>>> jQuery(this).next('div.elemOpt').show();
>>> }, function() {
>>> // schließen
>>> jQuery(this).next('div.elemOpt').hide();
>>> });
>>>
>>> das öffnet bei Klick auf die Headline den dazugeörigen elemOpt Container
>>> und schließt ihn bei erneutem Klick wieder.
>>>
>>> div.elemOpt sollte natürlich standardmäßig mit display: none; stehen.
>>>
>>> grüße
>>> Alex
>>>
>>> Am 30.01.2012 17:09, schrieb i...@hypix.net:
>>>> Hallo,
>>>> ich stehe aktuell vor einem Problem.
>>>> Dies sind so aus, das es dem Kunden ermöglicht werden soll, innerhalb
>>>> einer Extension (Mitarbeiterliste) Texte zur Mitarbeitervorstellung zu
>>>> schreiben. Soweit natürlich kein Problem.
>>>>
>>>> Innerhalb dieser Texte, möchte der Kunde Elemente zum "aufklicken" haben.
>>>> Dies könnte man ohne Probleme mit jQuery lösen. Wir haben hier allerdings
>>>> mehrere Elemente untereinander, ohne eine eindeutige ID.
>>>>
>>>> Der Aufbau sieht Beispielhaft folgend aus:
>>>>
>>>> <div class="elem">
>>>> <h2>Headline-1</h2>
>>>> <div class="elemOpt" id="elem01">
>>>> Text-1
>>>> </div>
>>>> </div>
>>>>
>>>> <div class="elem">
>>>> <h2>Headline-2</h2>
>>>> <div class="elemOpt" id="elem01">
>>>> Text-2
>>>> </div>
>>>> </div>
>>>>
>>>> <div class="elem">
>>>> <h2>Headline-3</h2>
>>>> <div class="elemOpt" id="elem01">
>>>> Text-3
>>>> </div>
>>>> </div>
>>>>
>>>> Hier besteht nun die Schwierigkeit, dass wenn ich auf die Headline 2
>>>> klicke, wirklich nur dieses eine Element geöffnet oder wieder versteckt
>>>> werden soll. Geht dies überhaupt ohne eine eindeutige ID? Meines
>>>> bisherigen Wissens, nein.
>>>>
>>>> Ich hoffe Ihr könnt mir in dieser Mailing-Liste helfen, auch wenn dieses
>>>> Problem nicht direkt mit Typo3 zu tun hat.
>>>>
>>>> Vielen Dank :)
>>>>
>>>>
>>>>
>>>>
>>>>
>>>
>>> _______________________________________________
>>> TYPO3-german mailing list
>>> TYPO3-german@lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german@lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
