jQuery-一个jq点击隐藏显示的问题

Question

html代码

    <!--循环开始    N个这样的循环-->
    <tr class="id">
        <td style="text-align:center">{$vo.id}</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">111111</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">222222</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">333333</td>
    </tr>
    <!--循环结束-->
    <!--循环开始    N个这样的循环-->
    <tr class="id">
        <td style="text-align:center">{$vo.id}</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">111111</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">222222</td>
    </tr>
    <tr class="test" style="display:none;">
        <td style="text-align:center">333333</td>
    </tr>
    <!--循环结束-->
    .....................

Answer 1

 $(".id").each(function(){
$(this).click(function(){
$(this).nextUntil(".id").toggle();
});
})

//.nextUntil() 获得每个元素之后所有的同辈元素，直到遇到匹配选择器的元素为止。
// 详情请参考w3school: http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp。

Answer 2

csdn 一位版主给出我想要答案！ 谢谢 卜卜亍 能回答我的问题！

  $(function () {
var tr;
$('tr.id').click(function () {
$(tr).nextUntil('.id')[tr == this ? 'toggle' : 'hide']();
if (tr != this) $(this).nextUntil('.id').show();
tr = this;
});
});