Jquery show and slideout animation doesn't fully work
<p>I am totally confused - When I removed pretty much everything and put the offending code in JSFiddle, it works fine - <a href="http://jsfiddle.net/FusGB/" rel="nofollow">http://jsfiddle.net/FusGB/</a></p>

<p>However, in the site, almost the same identical code does not work: <a href="http://ezpcinternal.com/sports/index.html" rel="nofollow">http://ezpcinternal.com/sports/index.html</a> (Menu to the left)</p>

<p>What is happening is the first item is doing the effect, then the rest just appear suddenly.</p>

<p>I have been racking my brains over this for the past few hours with no luck - based on the fact that it works in JSfiddle completely confuses me.</p>

<p>It works in IE (tested 8 and 9) - but after the slide up, it reappears for a very short time then disappears (annoying) - and it doesn't work in both Chrome and Firefox.</p>
