[jQuery] Why won't this "unbind" work?

[jQuery] Why won't this "unbind" work?


Given these scripts:
$(document).ready(function() {
$('#myTextarea').hide();
});
$(document).ready(function() {
$('#hide').click(function() {
$('#myTextarea').unbind().slideUp();
return false;
});
});
$(document).ready(function() {
$('#show').click(function() {
$('#myTextarea').expandable().slideDown();
return false;
});
});
and this HTML:


[ <strong>Notes concerning textarea</strong> ]
[ notes ]
[ <a id="hide" href="#">hide</a> ]
[ <a id="show" href="#">show</a> ]
[ export ]
[ clear ]








    
<textarea id="myTextarea" cols="100"></textarea>
    
Why won't this code unbind the .expandable function?
(.expandable is a reference to the .expandable plug-in)
Thanks for any input...
Rick