Q:

Reverse list and delay display

I have a simple script on my site to reverse the display of a list.
$('li.shoplist').each(function() {
    $(this).parent().prepend(this);
});

It works great, but the reversal of the list occurs after / during page load — and thus the list (which is largely imagery) appears and then snaps into reverse order, which looks a little clunky.
Is there a way to delay the display of the list until after it has reversed?
Thanks in advance.

A:

Set the visibility to hidden until you finish your flip. 
Do not use display:none because it will mess up the rest of your screen.

