Splitter: A Lightweight jQuery Plugin for Resizable Split Layouts

Splitter is a compact jQuery plugin designed to add draggable split bars to containers so users can resize adjacent layout items. The feature set focuses on simple integration, common configuration options, and a small runtime API for control after initialization.

• npm: npm install jquery.splitter --save
• Or include files directly: add the CSS file (css/jquery.splitter.css), the jQuery library, and the plugin JS (js/jquery.splitter.js).

• orientation: 'vertical' or default horizontal
• position: accepts values like '50%' or pixel values to place the bar

• invisible: true to hide the visible splitter bar
• percent: false to use pixel-based sizing rather than percentages
• onDragStart, onDrag, onDragEnd: callbacks (defaults are $.noop)

After calling split(), the plugin returns an object with methods you can call:

• refresh(): reflows/rebuilds the splitter after DOM or size changes

• position(number) or position([num1, num2,...]): getter/setter for positions
• isActive: boolean that indicates whether the splitter is currently active
• destroy(): remove the splitter instance and restore DOM

A short changelog is included on the plugin page. Notable entries show activity in 2024 (v0.30.0 and v0.29.1) and earlier fixes addressing horizontal splitters and multi-panel behavior in 2019 and 2018. The plugin's file size is listed as 47.6 KB on the hosting page, and the page shows multiple historical version updates.

The hosting page shows mixed license details. The top-of-page metadata lists License: MIT, while the plugin description in the main text states "Licensed under the GNU Lesser General Public License v3.0." If licensing is important for your project, verify the license on the plugin's official repository or website before using it in production.

• You need a tiny, no-frills split-resize behavior for panel layouts in a jQuery project.
• You want the ability to toggle visibility of the splitter and enforce edge limits.
• You prefer a plugin with a simple API for position control and runtime option updates.

The hosting page links several related split/resizer plugins and tools for resizable panes, draggable splitters, and split views. If Splitter lacks a feature you need (like advanced touch behavior, accessibility enhancements, or framework integrations), check those related plugins or the demo page for more advanced usage.

The page provides a demo and a download link, plus an "Official Website" link. Use those to test behavior, see live demos, and confirm browser support and licensing details before integrating.