Non-immediate .hide() pulls <li> from <ol> list

[ddb14]

Hiding a single (or multiple) item in an ordered list with any delay changes the list item's index to 1. Without a time delay, this does not occur.

Here is a simple test case that hides the second item. If you hide it slowly, when you reshow it, item 2 shows as #1.

<ol> <li>this is an item 1 to display</li> <li id="num2">this is an item 2 to display</li> <li>this is an item 3 to display</li> </ol>

<input type="button" onClick='$("#num2").hide();' value=' Hide number 2 '/>

<input type="button" onClick='$("#num2").show();' value=' Show number 2 '/>

<input type="button" onClick='$("#num2").hide(500);' value=' Hide number 2 slowly'/>

<input type="button" onClick='$("#num2").show(500);' value=' Show number 2 slowly'/>

[ddb14]

This apparently is an IE6 issue (I don't have IE8 available to me here to check)

[dmethvin]

Worked for me on IE8, this was probably due to some older issues with incorrect display:block values that have been fixed.

 http://jsfiddle.net/dmethvin/jKcVq/

[caii]

Replying to dmethvin:

Worked for me on IE8, this was probably due to some older issues with incorrect display:block values that have been fixed.

 http://jsfiddle.net/dmethvin/jKcVq/

I have also encountered such a problem. see  http://jsfiddle.net/dmethvin/jKcVq/ :In IE6, the animation is different from others,but I expect the smae.