我需要我的餐桌有一个像的手风琴“http://jsfiddle.net/ht6NM/” rel=“nofollow” >这个例子 我尝试过这个选项,但与我的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>
我感谢你们的帮助。