Question

I’ve searched for topics, with same questions, but can’t find the answer.

To visualise my question – here’s my code jsfiddle

I want to make calc div to slide to the left, as shown at the bottom of my example (animation and behavior are perfect). But when it slides, the whole content of the page must slide left with it too. And when it slides back it must move content to the right. The content itself behaves as it shown right now, floats it from left.

If there’s simplier method to do this or any mistakes in markup – I’ll accept any corrections.

Thanks in advance

Update:

Forget to mention, that when it slides from page, it must still be visible for 2-3px

Answer 1

Well, I think my description was too complex and unclear for you, sorry for my english.
I’ve reached what I wanted, with $('#calc').animate({width: 'toggle'});

Here’s result in action (updated version) on Jsfiddle