jquery and image map onclick help

[tonynoriega]

Afternoon all... so I have an image map with several hot spots. I then have UL that utilizes an image sprite to highlight the LI when you click on a hot spot.

What I am having trouble figuring out is how to turn one LI 'off' or back to its original state when another is clicked.

I created an example: [jsfiddle.net...]

Am looking for a little guidance if possible on how to accomplish this.

[Andy Langton]

I would suggest using something like toggleclass [api.jquery.com] to alternate between the original and new state. E.g.

$( "li.togglable" ).toggleClass( "active" )