jquery + css animate in browser issue
===

I'm new to js, and want two animated menus on a page. <br>
I have an example here, but have 2 issues. <br>
http://jsfiddle.net/misemefein/k3dKz/5/ <br><br>
1: I want the menu div's to be off screen on page load and slide in on relevant click. <br>
&emsp; it is currently the other way round. <br>
2: the animation is working in jsfiddle, but not on a test page in browser: http://bit.ly/M7TZrt <br>

any ideas appreciated