Question

Please see this fiddle.
In Chrome (version 23) and Safari, if you keep clicking the “top” link to move the items to the top, the “top” button will start getting hidden when it shouldn’t be.
Since I’m using CSS3 first-child/last-child, I’m expecting only the top and bottom LI’s button visibility to be altered.
I noticed if I get rid of the calls to “animate”, it works as expected.
This fiddle DOES work in Firefox 17 and IE 9.
Anyone know what’s happening here?

Looks like these styles aren’t being reapplied correctly:

ul#sortable li:first-child a.top { visibility:hidden; }
ul#sortable li:last-child a.bottom { visibility:hidden; }

Thanks,

Andy

Answer 1

I was able to fix this by resetting the position property of the links to relative after the sorting is done.

$(this).parent().find('a').css('position','relative');

jsFiddle example