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.
![](https://i-blog.csdnimg.cn/blog_migrate/652d7eb4847a6d9adb77c79a6a56aae6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/cf05b8409620b10ad466fd64573b57c1.png)