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.

Download version 1.5.1

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
jQuery Minimal Vertical Splitter


jQuery Minimal Vertical Splitter