这个切换（）有什么问题？

Question

JsFiddle DEMO

我有以下html：

<ul>
    <li>
        <div></div>
        Testing
    </li>
    <li>
        <ul>
            <li></li>
            <li>
                <div></div>
                Testing
            </li>
            <li></li>
        </ul>
    </li>
</ul>

我正在把它称为js：

$('li').hide(2000);

现在我在div周围有一个边框我想要的是边框也会褪色，但是你可以看到边框首先完全消失，然后其余的元素慢慢消失。

我能做些什么让边框像元素的其他部分一样消失吗？

Answer 1

如果您尝试隐藏'ul'，则会起作用，并且对DOM可见性具有相同的效果。

setTimeout( function() { $('ul').hide(2000); }, 500);

http://jsfiddle.net/EhzwV/1/

Answer 2

隐藏动画在元素上设置overflow: hidden，这就是造成这种情况的原因。如果你自己设置溢出没有动画，你可以看到这一点。

http://jsfiddle.net/EhzwV/2/

Answer 3

这将隐藏所有li元素。如果您想隐藏任何特定元素，请传递适当的选择器

$('ul').hide(2000);//This will work for you I guess