jQuery angeklicktes Element in IF-Abfrage auswählen

[sompek]

Hallo,

ich habe auf meiner Wordpress Webseite verschiedene Galerien über CPT UI angelegt. Damit diese übersichtlich dargestellt werden, soll sich immer nur eins beim Raufklicken der Überschrift öffnen. Das klappt auch alles soweit. Nur wenn ich nochmal auf die Überschrift klicke, die bereits offen ist, schließt und öffnet sie sich wieder. Bei meinem Quelltext ist das auch logisch, da ich in der IF Abfrage nicht das geöffnete Element spezifiziere.
Daher meine Frage: Wie kann ich sagen, dass das angeklickte Element überprüft werden soll?
Übrigens hat jede Galerie und deren Überschrift eine eigene ID.
Die JQuery Accordion Funktion habe ich bewusst nicht benutzt ;)

if (jQuery('#Galerie_Inhalt_Tag_<?php echo $i_Galerie;?>').is(':visible')) {

                                jQuery('#Galerie_Ueberschrift_Tag_<?php echo $i_Galerie;?>').click(function() {
                                    jQuery('#Galerie_Inhalt_Tag_<?php echo $i_Galerie;?>').slideUp();
                            });
                          
                        } else {
                                jQuery('#Galerie_Ueberschrift_Tag_<?php echo $i_Galerie;?>').click(function() {
                                    jQuery('.galerie_inhalt').slideUp();
                            });
                          
                                jQuery('#Galerie_Ueberschrift_Tag_<?php echo $i_Galerie;?>').click(function() {
                                    jQuery('#Galerie_Inhalt_Tag_<?php echo $i_Galerie;?>').slideDown();
                            });
                        }

 

[SpiceLab]

Damit diese übersichtlich dargestellt werden, soll sich immer nur eins beim Raufklicken der Überschrift öffnen. Das klappt auch alles soweit. Nur wenn ich nochmal auf die Überschrift klicke, die bereits offen ist, schließt und öffnet sie sich wieder. Bei meinem Quelltext ist das auch logisch, da ich in der IF Abfrage nicht das geöffnete Element spezifiziere.
Daher meine Frage: Wie kann ich sagen, dass das angeklickte Element überprüft werden soll?

Warum greifst Du nicht anstelle von .slideDown() u. .slideUp() direkt auf http://api.jquery.com/slidetoggle/ zurück, was das obige Script mit der if else-Bedingung erübrigt? :(

 

[sompek]

Das hatte ich zuerst so gehabt. Dann wollte ich aber dass sich die Galerie von Tag 1 schließt, wenn ich Tag 2 anklicke. Daher die erste Else Funktion. Wenn ich slideToggle nehme, schließen sich die anderen nicht automatisch. Aber über einfachere Varianten würde ich mich natürlich freuen :)

 

[SpiceLab]

Das hatte ich zuerst so gehabt. Dann wollte ich aber dass sich die Galerie von Tag 1 schließt, wenn ich Tag 2 anklicke.

Erledigt https://jqueryui.com/accordion/

Die JQuery Accordion Funktion habe ich bewusst nicht benutzt

Der Grund ist mir/uns nicht bewusst.

 

[sompek]

Ich möchte die Überschriften horizontal ausrichten. Da wäre es mit Sicherheit mehr Aufwand gewesen das alles mit CSS umzuschreiben. Besonders schön ist sie auch nicht. Das hätte man dann auch noch richten müssen.
Außerdem lerne ich so mit JQuery umzugehen ;)

 

[SpiceLab]

In Anlehnung an Stu's Demo http://www.stunicholls.com/menu/simple.html (Nov. 2007), das mit nativem JS geschrieben wurde, und zwischen zwei CSS-Klassen .unclick (unsichtbar) und .click (sichtbar) unterscheidet, um sie gegenseitig zu ersetzen:

• http://api.jquery.com/addClass/
  
• http://api.jquery.com/removeClass/
• http://api.jquery.com/toggleClass/