Easy List Splitter jQuery Plugin

samuel Others 194 , , , ,

Easy List Splitter is a jQuery plugin that you can split any ordered <ol> or unordered <ul> list by defining the number of columns. 

The plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. If the list items are not enough to evenly fill in all the columns, the plugin will hide the columns in excess (this might happen only if you’re ordering your list items vertically as per default).

Features

  • Split any ordered (<ol>) or unordered (<ul>) list
  • Define the number of columns in which you want your lists to be split
  • Target more than one list on the same page and set different number of columns for each of them
  • CSS is completely separated from the javascript. You can either modify the default one or create your own
  • A class “last” will be added to each last <ul> or <ol> so that you can easily remove side padding or margin
  • Easy List Splitter Plugin preserves nested lists now!
  • You can now choose whether to order your list items vertically or horizontally
  • There is no need to modify your HTML. Just target your list element using any of the jQuery-selectors.
  • No dependencies at all!
  • Plugin size 4KB!
Related Post

jQuery Enhanced Splitter is a plugin to generate sliding splitters on your page. Useful for separating content, emulating the look Read more

jQuery Splitter is plugin that split your content with movable splitter between them.

A template for a split layout with two sides. When clicking on a half in the initial view, the layout Read more

A tutorial about creating 3D carousel with a split panel transition in three dimensions by using javascript and css3 transform Read more

Swipe-li is a three pane swipeable element. Swipe right for accept, swipe left for reject.

Slip.js is a tiny library for interactive swiping and reordering of elements in lists on touch screens.  Supports iOS Safari, Read more

Power List Menu is a mobile centric, mult-level menu that magically transforms a nested UL into a series of slide-in Read more

Bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable Read more

Go