Question

JsFiddle DEMO

I have the following html:

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

And I’m calling this js on it:

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

Now I have a border around the div’s What I want is for the borders to fade too, but as you can see the borders are first disappearing completely and then the rest of the elements slowly fade.

Is there anything I can do so that the borders fade like the rest of the element?

Answer 1

Works if you try to hide the ‘ul’ instead, and has the same effect on the DOM visibility.

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

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