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.