jquery slider working inside a css flyout menu

I'm using a zencart with a css flyout header menu and I also want use the jquery slider widget as one of the options in this menu but when I put it in there the little sliders don't appear correctly, it's like they've collapsed.

I've put together a fiddle which although it has all the code doesn't seem to be working, it's hopefully something stupid I'm not doing coz all the code is there as far as I can see.

can anyone help me out please http://jsfiddle.net/4VU8D/

EDIT: here's a slightly better but still not working fiddle


You've only included the jQuery Framework, but not the jQuery UI.

Need Your Help

Break for-loop and swich-case at once in JavaScript

javascript for-loop switch-statement

I wonder how to break a for-loop and switch-case statement at once in JavaScript?

How to properly check for a clicked element using Jquery

jquery if-statement click css-transitions

I'm trying to figure out the correct way or better yet a clean and precise way of sliding out a nav block upon an element being clicked and then hiding the nav block if that same element is clicked...