Splitter.js

Features

• Plug-n-Play
• Horizontal | Vertical
• Fixed | Collapsible
• Drag actual splitter or placeholder splitter
• Responsive
• Functional demos of Complex Layouts
• Zero dependencies
• < 1KB Minified (TODO)

Usage:

require(['Splitter'], function (Splitter) {
	new Splitter({
		elementOne: contentContainer,   // Div to the left of the splitter
		elementTwo: bottomDiv,          // Div to the right of the splitter
		splitter: bottomsplitter,       // Splitter div
		orientation: 'horizontal',      // Orientation [vertical | horizontal]
		collapse: 'bottom',             // Collapse Direction [left | right | top | bottom | fixed]
		placeholderSplitter: false,     // Drag a placeholder splitter
		splitterHeight: '5px'           // Control the thickness of the splitter
	}).Render();
});

Vertical splitter:

http://jsfiddle.net/theoutlander/dCwS9/

---

Simple Layout

http://jsfiddle.net/theoutlander/9NQ8g/

---

Complex Layout

http://jsfiddle.net/theoutlander/ULFWP/

---

Additional examples in the Demo folder