Question

我需要我的桌子有一个像this example这样的手风琴我试过这个选项但是与我的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>

我感谢你的帮助。

Answer 1

您需要的只是包含jquery UI，就像您在小提琴中所做的那样。

jqueryui.com

Jquery Accordion表格HTML中的行

1 个答案: