jquery - 特定のクラス名の後の行に対して開くを切り替えます

Question

特定のクラスの後で開いている行を切り替えようとしています。現在のスクリプトは、クラス「toggle-open」の後のすべての行を非表示にします。しかし、私が見ているのは、隣接する行から次のクラスの「toggle-open」の上の行までの行のみを非表示にすることです。これを達成する方法について何か考えはありますか？

http://jsfiddle.net/EBtPP/

Answer 1

各グループを<tbody>タグで囲む場合は、次のように試すことができます：http: //jsfiddle.net/EBtPP/2/

$('td.toggle-open').on('click', function() {
    $(this).parent().nextUntil('tr:has(td.toggle-open)').toggle();
});