[Résolu] Fonction toggleClass + html

Bonjour,

Je viens vers vous aujourd'hui car j'aimerais savoir si c'est possible de donner au .html la même fonction que toggleClass.

J'aimerais tout simplement que quand je clique sur un objet le JS modifie une partie du code et quand je clique une deuxième fois qu'il remette pas défaut :

var $activeAddon = jQuery(this).parents('.panel-addon');
$activeAddon.find('.panel-add').html('<i class="fa fa-trash-o"></i> '+localTrans('addedToCartRemove', 'Added to Cart (Remove)'));

Sa fonctionne dans un sens mais pas dans l'autre.

Merci d'avance
Modifié par sebsimappus (08 Jan 2017 - 16:01)

Bonjour,

html() et toggleClass() sont 2 fonctions différentes. Ici, il faut utiliser toggleClass() pour alterner entre 2 états.

http://api.jquery.com/toggleclass/

Faîtes voir votre code.

Le code html, css et js.

Bonsoir et merci pour votre retour,


Merci d'avance

Bien cordialement
Modifié par sebsimappus (09 Jan 2017 - 13:59)

Je suis pas sûr d'avoir compris. Qu'est-ce que vous voulez changez exactement? Les icônes font-awesome?

oui et le texte aussi, quand je clique dessus sa fonctionne mais pas quand je clique une deuxième fois pour obtenir le sens inverse.

Cordialement

Je vous propose ceci: https://jsfiddle.net/1d4y46v8/

Etudier bien le CSS et le HTML pour comprendre ce qui se passe en jQuery.
Modifié par allan00958 (09 Jan 2017 - 10:41)