11496 sujets

JavaScript, DOM et API Web HTML5

bonjour je souhaite changer de couleur au clic d un bouton jusque la pas de soucis mais je souhaiterai qu au deuxieme clic la couleur redeviene la premeire voici mon code

 $('#modifications').click(function()
 {
  $(this).css({'verdana':'sans Serif','font-weight':'normal','background-color':'#e2e2e2'});
  
 }); 


merci pour votre aide Smiley biggrin
Modérateur
Bonjour, quelle est cette étrange propriété css: verdana?

Quoi qu'il en soit le plus simple, et propre:


$('#modifications').click(function(e){
  $(this).toggleClass('clicked');
});

Ajoutera ou enlèvera la classe "clicked" sur l'élément à chaque click, le reste se passe en css.
Modérateur
et bien il suffit ensuite en css de rajouter:

#modifications.clicked {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  background-color: #e2e2e2;
}


L'idée est de changer de classe plutôt, si cela ne convient pas (c'est rarement le cas) il y a d'autres moyens en js.