我需要我的桌子有一个像这个例子一样的手风琴我试过这个选项但与我的 jquery 版本不兼容。在页面示例中，jquery 版本是 1.4.4，而在我的应用程序中，jquery 版本是 1.6。我怎样才能使这个代码与我的 jquery 版本兼容，以便下一个表有我想要的手风琴？
<table width="900px" border="0px">
<h1>My table</h1>
<thead>
<tr>
<th>column 1</th>
<th>column 2</th>
<th>column 3</th>
<th>column 4</th>
</tr>
</thead>
<tbody>
<tr>
<td class="title_section" colspan="4">
<div id="title_section">Title 1</div>
</td>
</tr>
<tr>
<td class="title_section">
<div id="title_subsection">Title subsection 1</div>
</td>
</tr>
<tr class="item1">
<td>Item 1</td>
<td>xyz1</td>
<td>abc1</td>
<td>ebt1</td>
</tr>
<tr class="item1">
<td>Item 2</td>
<td>xyz2</td>
<td>abc2</td>
<td>ebt2</td>
</tr>
<tr>
<td class="title_section">
<div id="title_subsection">Servicios profesionales domiciliarios</div>
</td>
</tr>
<tr class="item1">
<td>Item 3</td>
<td>xyz3</td>
<td>abc3</td>
<td>ebt3</td>
</tr>
<tr class="item1">
<td>Item 4</td>
<td>xyz</td>
<td>abc</td>
<td>ebt</td>
</tr>
<tr class="total">
<td colspan="2">item5</td>
<td colspan="2" value="0"></td>
</tr>
<tr>
<td class="title_section" colspan="4">
<div id="title_section">Title 2</div>
</td>
</tr>
<tr class="item2">
<td>Item 11</td>
<td>xyz11</td>
<td>abc11</td>
<td>ebt11</td>
</tr>
<tr class="item2">
<td>Item 22</td>
<td>xyz22</td>
<td>abc22</td>
<td>ebt22</td>
</tr>
<tr class="item2">
<td>Item 3</td>
<td>xyz33</td>
<td>abc33</td>
<td>ebt33</td>
</tr>
<tr class="total">
<td colspan="2">dadkfdl</td>
<td colspan="2" value="0"></td>
</tr>
</tbody>
</table>
我感谢你的帮助。