Constuctor has three options. the element/element id, the class to search the document for toggle buttons, any options.
Class Options:
The following are the options that can be set in the toggable windows's constuctor (in addition to the windows options)
toggleEvent: 'click', //the event which triggers the toggable window. defaults to 'click'
toggleButtonShowClass: 'toggle_button_show', //'toggle_button_show'. if is is a string then this is the class that any toggle buttons are set to when
the window is shown
toggleButtonHideClass: 'toggle_button_hide' //defaults to 'toggle_button_hide'. if is is a string then this is the class that any toggle buttons are set to when
the window is hidden
Tests
Toggles:
Default toggle button is green = open, tomato = closed
Windows are not created until you click on them below
Default Window
First Floating Window
Second Floating Window
First Floating Window, Again
Floating Draggable Window
Floating Draggable Window, No Repositions
Floating Draggable Window, No Repositions. Alternate Toggle Style
Floating Window by class value
The content of the floating window -- 2
You should be able to close me.
You should NOT be able to drag me.
Floating Draggable Window by class value
You should be able to drag me.
The content of the floating draggable window.
This window should reposition on a scroll/resize.
You should be able to close me.