jQuery toggle class

Question

I\'m having trouble adding in jQuery\'s toggleClass function into the rest of my code. The page has several HTML5 audio tags on it which are controlled via jQuery. I attempt

Answer 1

I would use .addClass() and .removeClass(), as it'll clean up your code quite a bit and allow you to use CSS to perform all that layout work:

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