jor_gridRip DEMO

jor_gridRip

jor_gridRip is a powerful tool build to work in combination with WB 11 LayoutGrids
It allows to hide/reveal LayoutGrid content in vertical accordion style
jor_gridRip is highly adaptable and allows for many different setups and uses
NEW**! - in jor_gridRip3.0 - three powerful extended options for LayoutGrids

THE OPTIONS:
- 2 (toggle) triggers (by WB Text/Image) to open/close a hidden LayoutGrid
- option to hide multiple LayoutGrids - create group/collapse control
- option to close a LayoutGrid - (=invert to open grid)
- option auto focus the active LayoutGrid - (=auto scroll to active grid)
- option return - scroll to specified grid after the active grid closes
- animation speed and easing
- NEW**! v2.0 - smart content loader (=loader image)
- NEW**! v2.0 - callback on load/open/close/focus/hide
- EXTENDED OPTIONS:
- NEW**! v3.0 - EXTENDED OPTION - maintain equal columns height for (fluid) grid
- NEW**! v3.0 - EXTENDED OPTION - set independent parallax speed/direction/limit for selected grid columns
- NEW**! v3.0 - EXTENDED OPTION - maintain full width background for grid (=counter max-width)
- ALSO NEW:
- NEW**! v3.0 - ADVANCED - many enhanced internal callback options - (+external trigger parameters)
- NEW**! v3.0 - new option grid starts open on page load

DEMO 1

In this Demo 4 LayoutGrids have been hidden corresponding to the respective LINKS below
Reveal there content by clicking on the links ...

• Here a basic accordion style is created in which all content open on top of each other
• The LINKS are setup to open grid content and when clicked on again the active grid will scroll into focus

NOTABLE OPTIONS USED:
• option scroll focus is enabled, - the page auto scrolls to the active grid
• option scroll return is enabled, - the page auto scrolls to the specified grid that holds the triggers on active grid close

DEMO 2

In this Demo 4 LayoutGrids have been hidden corresponding to the respective LINKS below
Reveal there content by clicking on the links ...

• Here a basic accordion style is created in which the accordion collapses and only a single grid content is visible
• The LINKS are setup to open as toggle buttons, open/close

NOTABLE OPTIONS USED:
• option to hide is used, - grouping multiple LayoutGrids into a single collapsible accordion
• option trigger 1 toggle is enabled, the link will function as a toggle button open/close a grid in turn

CREATIVITY IS THE LIMIT !

The above demos only demonstrate a fraction of the possibilities of jor_gridRip
jor_gridRip uses WB components directly, therefore they can be placed anywhere we like
ie. a LINK at the start of the page and it's TARGET at the end of the page, or LINKS placed on a sticky Layer etc
Creativity is the limit !
Even more, WB allows grids to be placed in grids, single level, - this adds a whole nother new dimension of creativity
This final Demo demonstrates an advanced example of such an integrate construction

Max Verstappen

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Michael Schumacher

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

LINK 1

LINK 2

LINK 3

LINK 4

LIKE IT 5

Max Verstappen

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Michael Schumacher

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

LOVING IT DUDE - IT'S SO WOW !

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

IN FOCUS !

jor_gridRip also has cool scroll options to auto scroll grid content and links into focus keeping the page clean and orderly
Scroll offset can be set absolute or in percentage
All these options make jor_gridRip an extreme powerful tool - with creativity as the limit !

jor_gridRip

jor_gridRip is a powerful tool build to work in combination with WB 11 LayoutGrids
It allows to hide/reveal LayoutGrid content in vertical accordion style
jor_gridRip is highly adaptable and allows for many different setups and uses

• See also a full template demo that demonstrates jor_gridRips advanced potential here - FULL TEMPLATE DEMO

jor_gridRip 2016
Extension for WYSIWYG Webbuilder
Extension and Code: jordan (6j6)