jquery - jQuery动画序列

我在一个网站上工作，我想在这个网站上做一个漂亮的菜单，该菜单在逐个链接中逐渐消失。

Se代码如下：
首先淡入#navigation a.toplevel，然后是第一个#navigation dt，然后是下一个，然后是下一个，直到不再存在为止。

您如何进行淡入淡出顺序？

<div id="navigation">
        <a href="#" class="toplevel">Solutions</a>
        <dl>
            <dt><a href="#">ERP</a></dt>
            <dd>
              <ul>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something else</a></li>
                </ul>
            </dd>
            <dt><a href="#">CRM</a></dt>
            <dd>
                <ul>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something else</a></li>
                </ul>
            </dd>
            <dt><a href="#">BI</a></dt>
            <dd>
                <ul>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Something</a></li>
                    <li><a href="#">Something else</a></li>
                </ul>
            </dd>
        </dl>
</div>

先感谢您。

最佳答案

你是这个意思吗

示例：http://jsfiddle.net/8gFLg/2/

$('#navigation > a, #navigation dt').each(function(idx) {
    $(this).delay( idx * 600 ).fadeIn( 600 );
});

关于jquery - jQuery动画序列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4204433/