Basculer entre 3 classes à l'aide de la bascule

J'ai 3 images dont je veux passer entre. Je mets chacun d'eux dans une classe et changez l'image dans le css. Je peux maintenant basculer entre 2 classes mais quand j'ajoute la troisième, le code ne fonctionne pas. Toute classe peut être la première.

$('.one').click(function(){ $(this).toggleClass("two"); $(this).toggleClass("one"); }); $('.two').click(function(){ $(this).toggleClass("one"); $(this).toggleClass("two"); }); 

Lorsque j'ajoute cette ligne:

  $(this).toggleClass("three"); 

Il ne bascule pas du tout …

Connaissez-vous une méthode dans laquelle je peux les mettre dans une seule fonction?

Merci.

  • Comment basculer entre deux divs
  • Problèmes liés à une classe appelée «a: active» à l'aide de jQuery
  • Javascript / HTML - Permet de faire pivoter la visibilité (provoquant automatiquement la dissimulation d'un élément div lorsque l'autre est visible)
  • 3 Solutions collect form web for “Basculer entre 3 classes à l'aide de la bascule”

    Exemple de violon: http://jsfiddle.net/KdfEV/

    Ce code vous permettra de parcourir une séquence de classes définies

     $('.one, .two, .three').click(function() { this.className = { three : 'one', one: 'two', two: 'three' }[this.className]; }); 
     $('.one, .two, .three').click(function(){ $(this).toggleClass("one, two, three"); }); 

    La manière la plus sûre serait de supprimer les classes indésirables et d'ajouter la classe requise:

     // Switch to class 'three' $(this).removeClass('one').removeClass('two').addClass('three'); 
    JavaScript rend le site Web intelligent, beauté et facile à utiliser.