jQuery vraagje (toggleClass)

Hallo allen,

Ik probeer door op een button te klikken een div te laten veranderen. Stel dat ik wéér op de button klik (tweede keer), wil ik dat die div ook weer terugveranderd. Echter doet toggleClass het nogal lastig, het werkt eigenlijk niet.

Hier de jQuery code:

<script>
                        $(".adresGegevens").click(function () {
                           $(".googleMaps").toggleClass(googleMapsHover googleMaps);
                           $(this).toggleClass(adresGegevens adresGegevens_hover);
                        });
                        </script>

Het rare is dat de button (adresGegevens) wel steeds terugveranderd als ik er op klik, die werkt dus wel...

Ligt waarschijnlijk aan deze regel:

$(".googleMaps").toggleClass(googleMapsHover googleMaps);
Als je dat doet, haalt hij de class googleMaps toch ook weg? Dan kun je niet meer op die class selecteren..

Hoe zou ik dit dan op kunnen lossen? Want bij de button werkt het wel gewoon...

Josnl schreef:

Hoe zou ik dit dan op kunnen lossen? Want bij de button werkt het wel gewoon...

Je kan met ids werken.

Kun je uitleggen wat je bedoelt en misschien hier plaatsen, want ik ben een redelijke beginner op jQuery gebied.

Het element dat op het begin de class googleMaps heeft, kun je beter ook een id geven, en dan $(#id).toggleClass(googleMapsHover googleMaps); gebruiken.

Ik heb hem nu zo:

<script>
                        $(".adresGegevens").click(function () {
                               $("#id").toggleClass("googleMaps").toggleClass("googleMapsHover");
                               $(this).toggleClass("adresGegevens adresGegevens_hover");
                        });
                        </script>

En dat werkt, dankjulliewel!