2braincells2go / vresponse.js

Vertical Responsive with jQuery

vResponse.js v1.0

vResponse.js is a tiny simple jQuery plugin that makes it possible to create vertical responsive divisions.

Requirements

• [jQuery 1.11.0+] (http://jquery.com/download/)

Demo

• [See Demo] (http://zargaripour.com/demo/vResponse.js/)

Usage

1. Download vResponse.js

• [Download the compressed, production vResponse.js v1.0] (https://raw.githubusercontent.com/zargaripour/vResponse.js/master/vResponse.min.js)
• [Download the uncompressed, development vResponse.js v1.0] (https://raw.githubusercontent.com/zargaripour/vResponse.js/master/vResponse.js)
• [Download full release package] (https://github.com/zargaripour/vResponse.js/releases)

2. Include jQuery & vResponse.js on your site

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="vResponse.min.js"></script>

3. Add trigger in a division by data-toggle="vResponse"

<div class="main" data-toggle="vResponse"></div>

4. Activate vResponse.js

You have three methods to Activating vResponse.js

Activate vResponse.js after page loading (once)

$(function() {$('[data-toggle="vResponse"]').vResponse();});

Activate vResponse.js after every resizing moment of browser

$(window).resize(function(){$('[data-toggle="vResponse"]').vResponse();});

Activate vResponse.js after page loading & every resizing moment of browser

$(function() {$('[data-toggle="vResponse"]').vResponse();});
$(window).resize(function(){$('[data-toggle="vResponse"]').vResponse();});

5. Set animation speed (optional)

Put integer value in vResponse() as an argument.

Example (750 milliseconds):

$(function() {$('[data-toggle="vResponse"]').vResponse(750);});