Basic Vertical Accordion Style Slider Plugin for jQuery

simple-vertical-slider-jquery

Basic Vertical Slide JQuery and CSS Transform Based Hover Slide that expands selected sections while contracting other sections vertically.

horizontal accordion slider, responsive horizontal accordion slider, accordion slider jquery, jquery accordion slider

How to make use of it:

1. Load the required bvs.css into the header to get the smooth slide effects.

<link href="css/bvs.css" rel="stylesheet">

2. Load bvs.js after installing the jQuery library.

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/bvs.js"></script>

3. Create a set of DIV elements for the slider.

<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>

4. Call the plugin to enable the slider.

$(".box").bvs();

5. Default options.

$(".box").bvs({

// callback events
onComplete: false,
onStart: false,
onHoverOut: false,
activeRatio: '75'

});

Vertical Accordion-style Content Slider, Basic Vertical Slide JQuery Plugin/Github


See Demo And Download

Official Website(blockhead123): Click Here

This superior jQuery/javascript plugin is developed by blockhead123. For extra Advanced Usages, please go to the official website.