change element css class with js/jquery

please see URL [url]http://backstageweb.net[/url] 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 [I]precisely[/I] how to code it:

[url]http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript[/url]

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

[CODE]<script type=”text/javascript”>
function changeClass()
{
// code examples from above
}
</script>
…
<button onclick=”changeClass()”>My Button</button>
[/CODE]

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

[CODE]<a class=”switch” href=”#”></a>[/CODE]

Thanks for any help.

John

Also in #JavaScript _↴