Grow your CSS skills. Land your dream job.

Sliding Panel

  • # March 8, 2010 at 5:52 pm

    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

    # March 8, 2010 at 6:09 pm

    Here is mine. http://www.visibilityinherit.com/code/slide-in.php

    # March 8, 2010 at 6:39 pm

    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.

    # March 8, 2010 at 7:17 pm

    Google jquery slideout for that. Or motools has one too.

    # March 8, 2010 at 8:46 pm

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".