0

こんにちは、うまくトグルするブレット ツリーがありますが、jquery できれいに見えるスライド トグルの 1 つを実行したかったのですが、助けてもらえますか?

JavaScript:

function toggle(id) {
    var e = document.getElementById(id);
    if (e.style.display == '')
        e.style.display = 'none';
    else
        e.style.display = '';
}

html:

<ul style="text-align: left;">
    <li>
        <a href="#" onclick="toggle('node1')">All</a> <input type="checkbox" name="sors" value="A" checked="checked"/>
        <ul id="node1" style="display:none">
            <li>
                <a href="#" onclick="toggle('node2')">Organic</a>
                <ul id="node2" style="display:none">
                    <li>MCA <input type="checkbox" name="sors" value="A" checked="checked"/></li>
                    <li>MCB <input type="checkbox" name="sors" value="A" checked="checked"/></li>
                </ul>
            </li>
            <li>COMM &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="sors" value="A" checked="checked"/></li>
            <li>DMISA &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="sors" value="A" checked="checked"/></li>
        </ul>
    </li>
</ul>
4

2 に答える 2

1
function toggle(id) {
  $('#' + id).slideToggle();
}

実際の例

スライドトグルドキュメント

于 2012-08-16T18:57:12.237 に答える
0

jqueryshowhide関数を参照してください。ミリ秒単位で値を渡して、表示/非表示をアニメーション化できます。

于 2012-08-16T18:52:14.187 に答える