jQuery Plugin For Toggling Elements with Transform Effect - betterToggle

File Size: 174 KB
Views Total: 1906
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Toggling Elements with Transform Effect - betterToggle

betterToggle is a lightweight and fast jQuery plugin that allows you to show or hidden multiple elements with CSS3 Transforms.

How to use it:

1. Add elements with class 'example' to your web page

<img src="images/holi2.jpg" alt="holi" class="example">
<img src="images/holi3.jpg" alt="holi"  class="example">

2. Add a button to toggle these elements

<button id="click">Toggle All</button>

3. Include jQuery library and jQuery betterToggle plugin on your web page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> 
<script type="text/javascript" src="jquery.betterToggle.js"></script> 

4. Call the plugin

<script type="text/javascript">

    $("#click").click(function  () {
        $(".example").betterToggle();
    })

</script>

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