1

ヘッダー行、必要に応じて「アイテム」行、および詳細行を含むテーブルがあります。アイテム行と詳細行は繰り返されるため、テーブルの偶数行 (つまり、テーブルの 2 行目は最初の「アイテム」行) がアイテム行になり、奇数行はすべて "詳細」行、ヘッダーを除く。

以下のスクリプトは動作しますが、jQuery の slideToggle がスライドしていません。展開アクションではただ開き、折りたたみアクションでは 1 秒かかってから消えます。

以下のテーブル構造とスクリプトを参照してください: jsFiddle ("Column[1,2,3] 行をクリックします)

<script type="text/javascript">
    $(document).ready(function () {
    $("#sometable tr:odd").addClass("odd");
    $("#sometable tr:not(.odd)").hide();
    $("#sometable tr:first-child").show();

    $("#sometable tr.odd").click(function () {
        $(this).next("tr").slideToggle("slow");
    });
});


<table id="sometable">
<tr>
    <th>
        Header1
    </th>
    <th>
        Header2
    </th>
    <th>
        Header3
    </th>
</tr>
<tr>
    <td>
        Column1
    </td>
    <td>
        Column2
    </td>
    <td>
        Column3
    </td>
</tr>
<tr>
    <td colspan="3">
        <p>Details about item 1</p>
    </td>
</tr>

4

1 に答える 1

4

slideToggleではうまく機能しませんtr。overflow: hiddenで作業していないことに関係していると思いますtr。

最も簡単な回避策はslideToggle、.ptr

http://jsfiddle.net/hEyDN/4/

于 2012-11-05T15:50:28.693 に答える