English 中文(简体)
表格 HTML 中行的 Jquery 手风琴
原标题:Jquery Accordion for rows in a table HTML

我需要我的餐桌有一个像的手风琴“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>

我感谢你们的帮助。

问题回答

你只需要加入Jquery UI 就像你在小提琴里那样

jqueryui.com jqueryui.com 缩略语





相关问题
getGridParam is not a function

The HTML: <a href="javascript:void(0)" id="m1">Get Selected id s</a> The Function: jQuery("#m1").click( function() { var s; s = jQuery("#list4").getGridParam( selarrrow )...

selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

jQuery cycle page with links

I am using the cycle plugin with pager functionality like this : $j( #homebox ) .cycle({ fx: fade , speed: fast , timeout: 9000, pager: #home-thumbs , ...

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

jConfirm with this existing code

I need help to use jConfirm with this existing code (php & Jquery & jAlert). function logout() { if (confirm("Do you really want to logout?")) window.location.href = "logout.php"; } ...

Wrap text after particular symbol with jQuery

What I m trying to do, is wrap text into div inside ll tag. It wouldn t be a problem, but I need to wrap text that appears particularly after "-" (minus) including "minus" itself. This is my html: &...

热门标签