使用jQuery切换类

Question

当用户单击链接时，我需要隐藏一个div。

html是这样的：

<div class="item">
<div class="entry">
Lorem ipsum
</div>
<a href="#" class="commentsToggle">Show/hide comments</a>
<div class="comments hidden">
This comments div I want show/hide
</div>
</div>

<div class="item">
<div class="entry">
Lorem ipsum
</div>
<a href="#" class="commentsToggle">Show/hide comments</a>
<div class="comments hidden">
This comments div I want show/hide
</div>
</div>

....there's multiple items after this

默认情况下，注释是隐藏的（因此类隐藏在此处）。现在，如果用户单击“显示/隐藏评论”链接，则它应显示或隐藏该特定项目的评论，具体取决于它们是否可见。现在的问题是，我是否需要一些id来控制js使其仅挂接到该特定项目的项上，并且可以使用id来实现吗？

js就像atm一样：

$('.item .commentsToggle').click(function(){
        elem = $(this).parents('.item');

        $(elem).find('.comments').each(function() {
            $(this).toggleClass('hidden');
        });
    });

如果只有一项有效，但如果多项无效，则：/

这很简单..我只是不明白它实际上是怎么做的：D

Answer 1

http://jsfiddle.net/uB9Fb/

试试这个JS：

$('.commentsToggle').click(function(){
        $(this).siblings(".comments").toggleClass('hidden');
});