sidebar popup

[unreal]

I have seen it done (maybe it was on a smooth sailing layout) but I would like a sidebar that is hidden and pops up when you hover over it. Or one that extends.

Can this be done?

EDIT: Yes I did sort of but can it also go smooth and not like in the live preview incheons. And can it be hidden?

Comments

[fueschgast]

In #sidebar change the width to 400px and add
position: absolute;
left: -390px;

In #sidebar:hover take the width out and put in left: 0px;

Okay, I'll look at the animation now.

[fueschgast]

Transition, I should have said. Take out #sidebar.easein and #sidebar.easeout and add the following to #sidebar:

-webkit-transition-property: left;
-webkit-transition-duration: 2s;
transition-property: left;
transition-duration: 2s;

Thank you, you made me finally look up how transition works! :oD

[unreal]

Thank you for the help.