[jQuery] Toggling the html of an element

[voltron]

Hi all,

I am toggling an element using A tags, I would like the A tag to
display "Show" or "Hide" depending on the state. my proble is, I
cannot get this to work properly:

my code:

<script type="text/javascript">
    $(document).ready(function(){

        $('#toggleTwo').click(function(){
            $('#rubricTwo').toggle(function(){
               $(this).html = "hide";} ,function(){$(this).html =
"show";}
                );// end toggle
            return false;
            });
   }); // end document.ready
</script>


# ====== HTML

<a href="" id="toggleTwo">hide</a>

<div id="rubricTwo"> blah blah</div>


Any ideas? Thanks!