change element css class with js/jquery

[johndove]

please see URL http://backstageweb.net and attached .gifs.

What I want to do here is swap the div class from '.audience_off' to '.audience_on' when the "play" button is clicked ("I set the stage and...[play button]")

I found this reference, which I'm sure contains the answer I'm looking for, except I still don't know precisely how to code it:

http://stackoverflow.com/questions/1...ith-javascript

I think this is the basis of the code I'm looking for:

<script type="text/javascript">
    function changeClass()
    {
        // code examples from above
    }
</script>
...
<button onclick="changeClass()">My Button</button>

I should note my (onclick) button has a class of its own too:

<a class="switch" href="#"></a>

Thanks for any help.

John

[jedaisoul]

I do not know the answer to your query, but I have optimised the color depth of your two GIFs...