Tiny jQuery Plugin For Stackable Html Elements - stacky

File Size: 4.64KB
Views Total: 1017
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Tiny jQuery Plugin For Stackable Html Elements - stacky

Stacky is a super simple jQuery plugin that takes advantage of CSS3 transitons for creating slide up/down animations on stacked html elements by mouse clicking or by custom show/hide events.

Basic Usage:

1. Load the latest version of jQuery javascript library and jQuery stacky plugin on your web page

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="../stacky.js"></script>

2. Create some containers which will be organized as a stack

<div class="demo">
<div>
<h1>1</h1>
</div>
<div>
<h1>2</h1>
</div>
<div>
<h1>3</h1>
</div>
<div>
<h1>4</h1>
<div></div>
</div>
</div>

3. Call the plugin. By default, the plugin will automatically generate a toggle button at the lower right corner of your container

<script>
$(function(){
$(".demo").stacky();
});
</script>

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