jQuery переключить строки таблицы

Question

Я пытаюсь настроить таблицу с помощью переключаемых строк.

|-------------------------------------| 
| Time | Icon | Name | Toggle Button | 
|  |-----------------------------| 
|  | Description (toggled)  | 
|-------------------------------------| 

<table> 
    <tr> 
     <td rowspan="2" class="time-block">Time</td> 
     <td>Icon</td> 
     <td>Name</td> 
     <td><a href="#" class="toggle-button">Toggle Button</a></td> 
    </tr> 
    <tr class="description"> 
     <td colspan="3">Description</td> 
    </tr> 
</table> 

$('.toggle-button').click(function(e){ 
    e.preventDefault(); 
    $(this).closest('tr').next('tr').toggle(); 
}); 

Это JQuery делает переключения следующий tr, однако, когда он делает, расположение становится дезорганизованы благодаря атрибуту «времени» td клетки rowspan.

Моя цель - добавить строку к функции, которая изменяет атрибут rowspan на «1».

Добавление $(this).closest('tr td.time').attr('rowspan', '1') к функции не работает.

Любая помощь очень ценится!

Answer 1

$('.time-block').attr('rowspan',1);