Basic Vertical Slide JQuery
- JQuery and CSS Transform Based Hover Slide which expands selected sections while contracts other sections verticaly.
Example
<script> $(function() { $(".box").bvs(); }); </script> <div class="box leftbox"> </div> <div class="box middlebox"> </div> <div class="box rightbox"> </div>
Options
| Name | Description |
| activeRatio | percentage of active box over the rest |
| | Default | pixels | 75 |
Events
<script> $(".box").bvs({ 'onStart' : function (v) { /*make something*/ }, 'onComplete' : function (v) { /*make something*/ }, 'onHoverOut' : function (v) { /*make something*/ }, }); </script>
| Name | Description |
| onStart | executed on animation start as well as on hover |
| | Parameters |
| | object | current box object |
| |
| Name | Description |
| onComplete | executed on animation complete |
| | Parameters |
| | object | current box object |
| |
| Name | Description |
| onHoverOut | executed on hover out of the box |
| | Parameters |
| | object | current box object |
