[jQuery] changing list image on click

[jQuery] changing list image on click


I have a list of links on a page that do some javascript functions. I
want to be able to swap out the bullet image on the list element
whenever the link is clicked. Refreshing the page would, of course
rest the images, which is fine. Here's the list
<ul id="buttons">
<li><a class="toggleIB" href="javascript:toggleIB('ib1');">title 1</
a></li>
<li><a class="toggleIB" href="javascript:toggleIB('ib2');">title 2</
a></li>
<li><a class="toggleIB" href="javascript:toggleIB('ib3');">title 3</
a></li>
<li><a class="toggleIB" href="javascript:toggleIB('ib4');">title 4</
a></li>
<li><a class="toggleIB" href="javascript:toggleIB('ib5');">title 5</
a></li>
</ul>
I've tried 'switchClass' and 'visited' and 'click' but I can't seem to
get my
ducks in the right order. Any help would be greatly appreciated!
Thanks!
Mitch