Hi, I just started using the scriptaculous library and I was wondering how would it be possible to make a link or image that when you click it shows the slide down effect revealing the content as well as changing the name of the link or changing an image to show the new state. If you click on the same image or link again it should slide up also changing the image name or link to show the new state.

At the moment I can only get the link to perform one function, sliding down. Thanks

<a href="#" onclick="Effect.SlideDown('content2', {duration:.5}, {scaleContent:false}); 
return false;">SlideDown Now!</a>

<div id="content2" style="display: none">
<div>CONTENT 2</div>