Classe de basculement jQuery

Je ne parviens pas à append la fonction toggleClass de jQuery au rest de mon code. La page contient plusieurs balises audio HTML5 contrôlées via jQuery. J’ai essayé d’append la fonction de basculement à ma fonction de contrôle audio jQuery, mais cela n’ajoute pas la classe et, par la suite, le contrôle audio ne fonctionne pas. Je suppose donc que c’est une erreur de syntaxe étrange.

Que recommandez-vous les gars? Ci-dessous, un jsFiddle et une tentative (malheureusement) faible 🙂

http://jsfiddle.net/danielredwood/FTfSq/10/

HTML:

• Méthode multi-plateforme et multi-navigateur pour jouer des sons avec jQuery 1.4?
• changer de source audio avec jquery et balise audio HTML5

JavaScript:

 var curPlaying; $(function() { $(".playback").click(function(e){ e.preventDefault(); var song = $(this).next('audio')[0]; song.toggleClass("playing"); if(song.paused){ song.play(); if(curPlaying) $("audio", "#"+curPlaying)[0].pause(); } else { song.pause(); } curPlaying = $(this).parent()[0].id; }); }); //the function below works, but doesn't have the add/remove class functions var curPlaying; $(function() { $(".playback").click(function(e) { e.preventDefault(); var song = $(this).next('audio')[0]; if (song.paused) { song.play(); if (curPlaying) $("audio", "#" + curPlaying)[0].pause(); } else { song.pause(); } curPlaying = $(this).parent()[0].id; }); }); 

 $('thumbnail').toggle(function(){ $('.play', this).removeClass('pausing'); $('.play', this).addClass('playing'); }, function(){ $('.play', this).addClass('pausing'); $('.play', this).removeClass('playing'); }); 

 $('thumbnail').toggleClass('pausing playing');