Slide toggle (.slideToggle) and change text
HTML
<a id="aTag" href="javascript:toggleAndChangeText();">
HIDE
</a>
<div id="divToToggle">
Content that will be shown or hidden.<strong>
</div>
JavaScript
function toggleAndChangeText() {
$('#divToToggle').slideToggle('fast', function() {
if ($('#divToToggle').css('display') == 'none') {
$('#aTag').html('SHOW');
}
else {
$('#aTag').html('HIDE');
}
});
}