I am trying to add a floating help section to the website I am working on right now. The idea was to use a floating panel, that would float in above the main content of the website, thus not disrupting the views.

Now I have to problems with the implementation.
1. I can't invoke the expand/collapse "manually", as in the user click the "open help" button. toggleCollapse or expand lead to a regular expand instead of a floating in ..
2. and the other point is sort of related .. I want the remove the header bar when the panel is collapsed. As said, the user can use the help button, so there is no need for the header bar to take up space all the time.

I made a little js fiddle illustrating the problem ..

Any help is appreciated.