CODEWITHSUNDEEP
jquerycss
halofourteen
halofourteen

Reputation: 1000

Hide div with slide-to-left effect

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

Upvotes: 0

Views: 835

Answers (1)

halofourteen
halofourteen

Reputation: 1000

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

Upvotes: 1

Related Questions