Вопросы Теги

Складной стол в jQuery

Я пытаюсь сделать таблицу, которая имеет строки заголовков, которые могут быть свернуты и развернуты при помощи jQuery. Вот полнота моего кода к настоящему времени:

<html>                                                                  
<head>                                                                  
<script type="text/javascript" src="jquery.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">                                         
$(document).ready(function() {

   $("tr#cat1.header").click(function () { 
      $("tr#cat1.child").each(function() {
         $(this).slideToggle("fast");
      });
   });


});

</script>                                                               

</head>                                                                 
<body>                                                                  

<table>
    <tr id="cat1" class="header">
        <td>Cat1</td>
        <td>Row</td>
    </tr>
    <tr id="cat1" class="child">
        <td>data1</td>
        <td>data2</td>
    </tr>
    <tr id="cat1" class="child">
        <td>data3</td>
        <td>data4</td>
    </tr>
    <tr id="cat2" class="header">
        <td>Cat1</td>
        <td>Row</td>
    </tr>
    <tr id="cat2" class="child">
        <td>data1</td>
        <td>data2</td>
    </tr>
</table>

</body>                                                                 
</html>

Если я корректен, часть jQuery в английских чтениях как: "Когда строка, которая имеет идентификатор 'cat1' и класс 'заголовка', нажата, найдите все строки, которые имеют идентификатор 'cat1' и класс 'ребенка', и для каждого, slideToggle".

Все же, когда я выполняю его и нажимаю на строку заголовка, ничего не происходит. Понимание?

Править: Добавленный вторая категория к HTML-таблице. Извините, я должен был быть более конкретным. Я хочу смочь нажать на строку заголовка для конкретной категории и иметь только те дочерние строки коллапс, не все дочерние строки на странице. Таким способом таблица ведет себя как "accordian", и строки группируются по категориям.

5
задан David Hague 31 December 2009 в 14:54
поделиться