toggle problem

toggle problem

I want to use a toggle to hide and show some content but it isnt working


html code:
<div class="comments-box">
  <div class="profile-comment-bg">
    <img src="images/profile.jpg" alt=""/>
  </div>
  <div class="comments-right">
    <p class="com-name">title</p>
    <p>content</p>
    <p class="c"><a class="edit-comments" href="#">Edit</a></p>
    <p class="comments-date">2009/06/16 at 12:15pm</p>                         
  </div>
    <div class="comments-toggle">toggle this box</div>                     
</div>


JS code:
   $(".edit-comments").click(function () {
       $(this).next(".comments-toggle").slideToggle("fast");
     });
   


but this code dont works correct, notiv that i want to use more then one box.


cheers