im working on my fixed-footer on my page  

I have three `DIV`'s. The first one which is on the left side holds some items and the other `DIV` which is on the right side is a relative div. Between these `DIV`'s is another `DIV` which is named controller. When I click on the controller the left `DIV` should slide to the left side an disapear like `slideToggle()` but the controller and the right `DIV` should stick to the left slided `DIV`. And if I click on the controller again when the left `DIV` is not longer displayed it should slide to the right and the controller and the right `DIV` should have the same slide effect. The controller `DIV` and the right `DIV` is always displayed!

Here a fiddle example I build:  

<https://jsfiddle.net/6ydy0o95/>