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()