jQuery slideUp() and slideDown() problem

[Lilmikeishere]

I'm trying to make it so when you click a button, information appears and when you click it again, it slides back.

CSS:

PHP Code:

#content{
display:none;
} 


HTML:

PHP Code:

<div id="content">
context here
</div>
<input type="button" id="myButton">&#8203; 


Script:

PHP Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$("#myButton").toggle(function(){
    $("#content").slideDown();
    $(this).val("Slide Down");
},function(){
    $("#content").slideUp();
    $(this).val("Slide Up")
})
</script> 


It works but only for the first poster.