Hello

I have a lot of text that I want to break up using a show and hide with Jquery. I have it working... but I want to hide the 'Read More' button when it is clicked.
Can someone please help me to do this ?

Here is my code:

Code:
<script type="text/javascript">

$(document).ready(function(){	
    $('.relay_info').hide().before('<a href="#" id="open-relay_info" class="button">Read More ↓</a>');
	$('.relay_info').append('<a href="#close-relay_info" id="close-relay_info" class="button">Close ↑</a>');
	$('a#open-relay_info').click(function() {
		$('.relay_info').slideDown(1000);
		return false;
	});
	
        $('a#close-relay_info').click(function() {
		$('.relay_info').slideUp(1000);
		return false;
	});

});

</script>

Any help would be much appreciated.