Vertical Accordion-style Content Slider Plugin For jQuery

Vertical Accordion-style Content Slider Plugin For jQuery
File Size: 8.18 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A jQuery plugin for creating an accordion-style slider that allows to expand/collapse slides with smooth CSS3 based slide effects on mouse hover.

How to use it:

1. Load the required bvs.css in the header for smooth slide effects.

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

2. Load the bvs.js after you have jQuery library installed.

<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'

});

This awesome jQuery plugin is developed by blockhead123. For more Advanced Usages, please check the demo page or visit the official website.