jQuery hinzufügen / entfernen-Klasse onclick ein div

Erstellt habe ich den code unten, die erfolgreich rotiert ein Pfeil, über die Klasse zu drehen, die auf den ersten Klick.

Aber auf das zweite klicken, ich will den Pfeil zu drehen, wieder zurück. Ich habe versucht, mit einem anderen, und entfernen Klasse auf klicken Sie auf. Aber das hat nicht geklappt. Irgendwelche Vorschläge, oder helfen, wäre toll!

 $(document).ready(function(){
        $('#first').click(function(event) {
          $(".content.firstArrow").addClass("rotate");
        }); 
        $('#second').click(function(event) {
          $(".content.secondArrow").addClass("rotate");
        }); 
        $('#third').click(function(event) {
          $(".content.thirdArrow").addClass("rotate");
        }); 
        $('#forth').click(function(event) {
          $(".content.forthArrow").addClass("rotate");
        });       
   });

InformationsquelleAutor user2271599 | 2013-04-11

  1. 5

    Versuchen Sie es mit .toggleClass() 

    $(".content.firstArrow").toggleClass("rotate");
    Vielen Dank, das funktionierte ein Leckerbissen!

    InformationsquelleAutor Mohammad Adil

  2. 1

    Optimieren Sie den code und lassen Sie bei einem handler nur:

    $(document).ready(function(){
    $('#first, #second, #third, #forth').click(function(event) {
      $(".content." + $(this).attr('id') + "Arrow").toggleClass("rotate");
    }); 
});
    +1 was ich zu geben

    InformationsquelleAutor AlecTMH

  3. 0
    $('#first :not(.rotate)').click(function(event) {
  $(".content.firstArrow").addClass("rotate");
}); 

$('#first .rotate').click(function(event) {
  $(".content.firstArrow").removeClass("rotate");
});

    InformationsquelleAutor Martinsos

  4. 0

    verwenden .toggleClass() Anstelle von addClass() oder removeClass()

    .toggleClass() hat die Aufgabe, vielen Dank!

    InformationsquelleAutor أبو النوف

Schreibe einen Kommentar