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

Reply via email to