[jQuery] Toggling the html of an element
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!