Panestack JS

JQuery plugin to create and manage stacks or groups of panes

Usage

A panestack is a group of panes. It is either vertical or horizontal. Panes in a vertical panestack resize vertically and those in a horizontal panestack resize horizontally. To create a panestack just use .panestack() as below.

HTML

<div class="pane-container" style="height:500px">
        <div class="pane">
            Left
        </div>
        <div class="pane pane-container vertical">
            <div class="pane">
                Center Top
            </div>
            <div class="pane">
                Middle
            </div>
            <div class="pane">
                Center Bottom
            </div>
        </div>
        <div class="pane">
            Right
        </div>
    </div>

Javascript

$( '.pane-container' ).panestack( options )

Options

.paneClass

default = ‘pane’

Class used to specify an element (usually a div) as a pane. Direct children of panestacks must have this class, otherwise they will be automatically removed.

.verticalClass

default = ‘vertical’

Class used to specify a panestack’s orientation as vertical.

Support

You are probably doing better than me at the moment. Please donate if you like the idea or find the library useful. Bitcoin ID: bc1qnk6hwxu725elt6tptmk4w9akht77amf43ewekh

GitHub

View Github