Hide & Show Right Sidebar
I've created a hide/show right sidebar that slides out when clicked and then slides back to full width when the button is clicked again.
Problem: When clicked "Hide": Sidebar slide out to be 'width:10px;' and the content to be margin-right:10px; When clicked "SHow": Sidebar slide in to be 'width:200px;' and the content to slide back to 'margin-right:200px;
I've created a JS Fiddle to show:
I am trying to accomplish an animated version of face books right sidebar. Here's also another example: http://www.sidlee.com/
So I was able to create a sliding and fading effect on the sidebar.
See the working version here: