2. <script type="text/javascript"> 
3.  
4.        $(function(){
5.   
6.   $('a.add').click(function(){
7.   $(this).removeClass().addClass('remove').html('remove');
8. return false;
9. });
11. $('a.remove').click(function(){
12. $(this).removeClass().addClass('add').html('add');
13. return false;
14. });
15.   
16. });
18.     </script>
19.     
20.     <p>
21.     
22.     This is a test... <a href="#" class="add">Add me</a>
23.     
24.     </p>

In the above code, what I'm trying to do is toggle between the two css classes .add and .remove.  The change is occurring in one direction only.

It seems to be a simple solution, but it's avoiding me at the moment.