Toggle list items individually not as a group

Toggle list items individually not as a group

I have just started out in jquery and thought it would be cool to add some effects to my football clubs site.

I have a players page with a list of players. In the past each player link would open a new individual profile page. This was not ideal.

Now i want to create a list of players names that show a small bio below their names when their link is clicked.

I have created some code but it just shows the bio of all players when a link is clicked. There are lots of links so repeating all the code with unique id's i believe is not the best solution.

$(li.profile).click(function(){
  $("p").toggle(){


I HAVE " p" display:none; in CSS

Any help would be great.

Thanks

Steven