OK, after a bit more effort I solved my own problem. <style type="text/css"> ul#buttons li { list-style-image: url(../images/bullet.png); } ul#buttons li.checked { list-style-image: url(../images/bullet_check.png); } </style> <script type="text/javascript> $('a.toggleIB').click(function() { $(this).parents('li').switchClass('checked'); }); </script>
But now I have a new problem... I have a similar situation, but I need the new bullet image to remain until the end of the browser session. I'm guessing cookies would be the way to go here, but since the list elements have no id's, I'm not sure how to find the right cookie??? Thanks, Mitch