jQuery.show() locked css display - failed the media queries

[anonymous]

Test page

​http://jsbin.com/ejuva3/4

To test it:

Expected Result

1. Starting with browser window with width > 640
2. Then resize the browser window to width < 640px
3. You will see the layout of list(a b c) changed.

Reproduce the bug

1. Reload the test page.
2. Start with a large browser window with width >640 px
3. Click hide all -> show all
4. Then resize browser window width < 640 px
5. you will see the list doesn't change its layout.

The problem .show() function is overriding display in style attribute, instead of removing display:none, which may fail the media query that need to change the css display after first call of .show()

[Rick Waldron]

The problem is caused when YOU override the default CSS display property of span tags.

[Rick Waldron]

Duplicate of #8099.