Comment désactiver une classe en utilisant jquery

Question

Je travaille actuellement sur un nouvel en-tête pour mon site web contenant 2 éléments séparés <nav> déroulants, dont un est un menu hamburger qui se transforme en un X lorsqu'il est cliqué, en basculant une classe.

Grâce à jquery j'ai fait en sorte que lorsqu'un menu déroulant est activé, l'autre est caché (si elle était active au préalable).

Le problème est que je n'arrive pas à comprendre comment désactiver la classe qui fait du menu hamburger un X. Jetez un oeil à ce JSFiddle pour le voir.

(Cliques sur les 3 bars une fois, et par la suite sur le bouton gris à deux reprises pour le voir)

Le Jquery qui permet de basculer la classe peut être vu sur la ligne 27.

-Edit: Le. classe qui est basculée peut être trouvé sur la ligne 110 dans le css. Lorsque vous cliquez sur # prod-toggle, il doit être désactivé, j'ai essayé cela en utilisant removeClass(), mais je ne peux pas obtenir le bon ciblage. Quelqu'un peut-il me dire comment cela pourrait être fait?

Answer 1

Utilisez ceci:

$("#element id").removeClass(); 

Appel removeClass sans paramètre supprimera toutes les classes de l'élément.

Vous pouvez également utiliser (mais pas nécessairement recommandé, la façon correcte est celle ci-dessus):

 $("#element id").removeAttr('class'); 
     $("#element id").attr('class', ''); 
     $('#element id')[0].className = ''; 

Si vous ne souhaitez pas utiliser jquery vous pouvez utiliser java script:

document.getElementById('item').className = '';