🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Splitter is a jQuery plugin that lets you split the webpage into several resizable, horizontal (or vertical) sections, similar to the Html frame elements.

Split-Layout

Documentation

jquery.splitter.js

Simple splitter for jquery

DEMO

Install

npm install jquery-simple-splitter

Usage

Simple horizontal split is like this.

<script> $(function() {   $("#workspace").splitter({     "orientation": "horizontal",     "limit": 100   }); }); </script>

The target element must have only two elements. And must not have other.

See demo.html

Settings

  • orientation - "horizontal" or "vertical". If omitted, default is "horizontal"
  • limit - int. Minimum size of left(top) element.
  • keepLeft - boolean. When window resized, keep left(top) size or not.

You May Also Like