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...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.