SO - 15519857

by Rich Costello

HTML

<input type="button" id="btn" value="button" class="mute"/>

CSS

.mute{ background:gray }
.on  { background:green }
.off { background:red }

JavaScript

$(function(){
    $('#btn').click(function(){
        var $this = $(this);
        if($this.is('.mute')) {
            $this.toggleClass("mute on");
        } else if($this.is('.on')) {
            $this.toggleClass("on off");
        } else if($this.is('.off')) {
            $this.toggleClass("off mute");
        }
    })
})