[TYPO3-german] jQuery Problematik

[info at hypix.net]

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: info at hypix.net
To: typo3-german at 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: davidgreiner at gmx.net
> To: typo3-german at 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 <typo3 at 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 info at 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 at lists.typo3.org
>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> 
> 
> 
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german