I just did this the other day on a web page. You need to make an image that has both the active, and regular state images in it.
Then in your css, #base-state {background-position: 0px 0px;} // The first 0 is the X axis position, the second is the Y #base-state.active {background-position: 0px 30px;} // This is our second class that we will switch to with our jquery Javascript -- $(document).ready(function() { $("#base-state").click(function() { $(this).toggleClass("active"); } ) }); Just a basic run through of how it works. I don't know how much help that is.. I probably goofed something up there, but it's the gist..