javascript - タイムラインに沿ってJavaScriptアクションをループする

Question

タイムラインに沿っていくつかの JavaScript アクションをループしようとしています。最初の投稿でのみ機能しますが、残りの投稿では機能しません。私のコードを見て、私が間違っていることを正確に指摘してください。ありがとう

Javascript

    var comment = $('#add-comment');
var comments = $('#comments');
for (var i = 0; i < comment.length; i++) {
    $(comments).hide();
        $(comment).click(function() {
    $(comments).slideToggle(500);
});
}

html

<input type="button" id="add-comment" Comment(s)">
<div id="comments">
<div id="other-comments">
<a href="#">
<img src="uploads/user/image">
<span class="full_name"><?=$rows['first_name']?> <?=$rows['last_name']?></span>
</a><br/>
<p><?=$rows['comment']?></p>
</div>
</div>

編集済み

    var comment = $('#feeds li #add-comment');
var comments = $('#feeds li #comments');

$(comments).each(function() {
    $(this).hide();
});

$(comment).click(function() {
    $(comments).each(function() {
        $(this).slideToggle(500);
    });
});

html 要素を少し省略しただけで、ループが発生しないことがわかりました。コメントの追加をクリックするとループしているので、すべてのコメント div がドロップダウンします。私はそれを望んでいません。コメント追加ボタンで、全体ではなく、それぞれの div だけを開くようにしたい。何ができますか？