타임 라인을 따라 반복되는 자바 스크립트 액션

Question

타임 라인을 따라 일부 자바 스크립트 액션을 반복하려고합니다. 그것은 첫 번째 게시물에만 작동하지만 나머지는 작동하지 않습니다. 내 코드를보고 정확히 내가 잘못하고있는 것을 지적하도록 도와주세요. 감사합니다

자바 스크립트

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를 떨어 뜨리는 반복입니다. 나는 그렇게 원하지 않는다. 추가 코멘트 버튼을 사용하여 모든 항목이 아닌 개별 항목을 열 수 있습니다. 무엇을 할 수 있습니까?

Answer 1

약간의 구문 딸꾹질처럼 보입니다.

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

for (var i = 0; i < comment.length; i++) { 
    $(comments).hide(); 
} 

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