Discussion :

[flodereims]

Bonjour,

J'ai réalisé pour un jeu, un menu de choix de véhicule.
Je voudrais que quand je clique sur la div d'un véhicule, qu'il y ai une bordure autour, et que si je clique sur une autre div d'un autre véhicule, ça retire la bordure du premier, et que ça mette la bordure sur le deuxième
Avec un .hover en jquery ça marche, mais avec un .click, quand j'appuie sur le premier véhicule, ça met bien la bordure, mais quand je clique sur le deuxième véhicule, ça ne retire pas la bordure du premier véhicule...

J'ai ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$('.rentalVehicles').click(function() {
          if ($(this).hasClass('choice')) {
            $(this).removeClass('choice');
          } else {
            $(this).addClass('choice');
          }
});

Auriez vous une idée de comment je peux faire ?
Merci d'avance.

[Toufik83]

Bonjour,

Il faut supprimer la class choice de tous les <div class="rentalVehicles"></div> à chaque clic, pour ceci rajoutez cette ligne $('.rentalVehicles').removeClass("choice"); au début de la fonction

[flodereims]

Mais biensur! merci beaucoup ça marche !