Tuesday, April 15, 2008

Sexy Sliding Sidebar, jQuery version

It's about a year ago that Andrew Sellick presented his beautiful Sexy Sliding Sidebar, built on mootools.fx. However, I believe this Sexy Sidebar will only be better if built on top of a more general-purpose Javascript library. So here we go: Sexy Sliding Sidebar on jQuery!

Demo and download

You can view the demo or download the zip archive with the source code (19 kb).

9 comments:

Demian Villanueva said...

thanks for the time to work on it !!

Apricot Studios Website Design said...

Great tutorial and demo. One small point though. Using an inline style to set the inital width for #sideBarContents to 0px means your menu is inaccessible to visitors with javascript disabled.

Setting the initial width using jquery so;

$("#sideBarContents").css({ width: "0px" });

means the menu is still accessible whether the visitor has javascript or not.

Unknown said...
This comment has been removed by the author.
Unknown said...

why does neither the mootools nore the jquery version work in safari(mac and pc)?
does anyone have a fix for that bug?

Anonymous said...

what is the fix to make it work on chrome/safari ?

Anonymous said...

what is the fix to make it work on chrome/safari ?

Unknown said...

can't download it? can someone reupload it

M ! Я said...

download link broken, can u plz upload :(

thanks !

Noffie said...

Here peoples, try Google:
jQuery Sexy Sliding Sidebar