switchClass() verwechselt nach dem Dritten Klick die Klasse

[Guden]

Hallo zusammen,

ich möchte die Größe eines Bildes togglen. Das Ganze soll folgendermassen erfolgen:

--Click--
1. Bild vergrößern über switchClass
2. Bild austauschen mit entsprechendem Bild in der richtigen Größe

--Click--
1. Bild verkleinern über switchClass
2. Bild austauschen mit entsprechendem Bild in der richtigen Größe

Das funktioniert so auch, allerdings nur jeweils einmal. Beim dritten Click auf das Bild, wird zum Schluss die falsche Klasse hinzugefügt, also das große Bild verkleinert und das kleine Bild vergrößert.
Ich hab keine Ahnung/Erklärung warum das passiert...

Hier der Code:
http://jsfiddle.net/GsL8Z/

Vielen Dank für eure Hilfe und Grüße,
Guden

 

[abuzze]

Der Knackpunkt ist jenes:

$(projekte_li[0]).html(images[0]);

und

$(projekte_li[0]).html(images[1]);

Du fügst dort die Originale ein, die ersten Aufrufe von switchClass verändern die Klassennamen der Originale, weitere Aufrufe von switchClass sind daher wirkungslos, weil die Originale nicht mehr der erwarteten Klasse zugehörig sind.


mögliche Lösung: Anstatt der Originale füge Clone der Originale ein, die Originale werden so von switchClass nicht verändert: http://jsfiddle.net/JaVA3/