Sliding Panel

[fiveeightfive]

Hello,
I’m attempting to have a panel slide out from the side of a div to show more info. Something like this: http://www.building58.com/examples/tabSlideOut.html but on the inside of a div. I am trying to have it look like the sliding panel on this page when it’s done: http://www.clinique.com. Does anyone know how this can be done?

Thanks in advance

[fiveeightfive]

That’s sort of what I’m looking for, except I would like the handle to slide with the content so the user can click to collapse it.

[noahgelman]

Well for that kind of complex animation, that site used flash with javascript to activate in on click.

You can still use some pretty awesome looking animation with javascript however. A simple .animate() function (http://api.jquery.com/animate/) can pull a div out. Combining that with an .animate() function on a list item div will work depending on what kind of look your going for.

Either way, you can link up animation directions so you can pretty much move it however you want.

[Author]

Posts