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:
#content{
display:none;
}


HTML:
<div id="content">
context here
</div>
<input type="button" id="myButton">​

Script:
<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.

[AcheronAI]

Because the first button is named the same as the rest, they each need to be different if I am not mistaken, like mybutton1 mybutton2

[Lilmikeishere]

Because the first button is named the same as the rest, they each need to be different if I am not mistaken, like mybutton1 mybutton2

The purpose is for the button to make the text slide out, and then slide in after another click.

[AcheronAI]

Yes but if there is more then one button they each need their own id's

[Lilmikeishere]

Yes but if there is more then one button they each need their own id's

I see only a single button.

[Lilmikeishere]

Switched the id to classes and it works now for all the boxes but the first poster of the thread controls them all the page of posts.

[Scanu]

You can take a look to my mod "collapsible sognature" it does it in a hacky way

[Lilmikeishere]

You can take a look to my mod "collapsible sognature" it does it in a hacky way

I'm assuming your mod mimics a hide/show or a spoiler button. That can be done with HTML and I'm currently using that but I would really like to get the sliding effect to work.

[Scanu]

It use a jquery slide effect