JSクエリ

Question

に動作していない私は、次のHTMLページ

$('.header').click(function(){ 
 
    $(this).nextUntil('tr.header').slideToggle(1000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border="0"> 
 
    <tr class="header"> 
 
    <td colspan="2">Summary 1</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr class="header"> 
 
    <td colspan="2">Summary 2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>date</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr class="header"> 
 
    <td colspan="2">Summary 3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>date</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
    <tr> 
 
    <td>data</td> 
 
    <td>data</td> 
 
    </tr> 
 
</table>

を持って.header行（複数可）をクリックしたとき、彼らは私が試した を折りたたんだり展開しません。 Firefox、IE、Chromeの最新バージョン...これは機能しませんでした。

は私が は新しいJS/jQueryの等。うまく利用するために

Answer 1

に私はクラス.hiddenを作成し、私はクリックでそれを切り替えることができます...何が不足しています。

jsFiddle

​​