jQuery Minimal Vertical Splitter
jQuery Splitter Plugin
The documentation below is for version 1.5.1; see the release notes for the changes from previous versions.
Demos
Minimal vertical splitter: Demonstrates minimal code/markup needed to create a splitter. All the styles are included in the HTML file for this example. Vertical splitter: Vertical splitter with fixed height and fluid width. Horizontal splitter: Horizontal splitter with fixed height and width. Another vertical splitter: Vertical splitter with skinny splitbar and custom cursor. 3-Pane splitter: Shows how to nest a horizontal splitter inside a vertical splitter. 3-Column splitter: Nests vertical splitters to obtain a 3-column effect. 4-pane splitter: Nests multiple splitters to get one vertical pane and three horizontal ones. Docking splitter: Splitter that allows the user to double-click the splitbar to "dock" it.Still Needs Fixin'
- IE6: 3-pane and 3-column demos don't resize to smaller window height.
- Safari: Text is sometimes selected in nested splitters during a
outline
resize - Report your own: dave . methvin a t gmail.com.