Ladda spinner

by Vojtech Mares

HTML

<link rel="stylesheet" href="http://lab.hakim.se/ladda/dist/ladda.min.css">
<script src="http://lab.hakim.se/ladda/dist/spin.min.js"></script>
<script src="http://lab.hakim.se/ladda/dist/ladda.min.js"></script>
<button class="ladda-button" data-style="expand-right" type="button">
    <span class="ladda-label">Submit</span>
</button>
<br/>
<button class="laddas ladda-button" data-style="expand-right" type="button">
    <span class="ladda-label">Submit</span>
</button>
<button class="laddas ladda-button" data-style="expand-right" type="button">
    <span class="ladda-label">Submit</span>
</button>
<button class="laddas ladda-button" data-style="expand-right" type="button">
    <span class="ladda-label">Submit</span>
</button>


<button class="ladda-toggle"type="button">toggle</button>

JavaScript

var laddaTrigger = $('.ladda-button'); 

var ladda = Ladda.create(laddaTrigger[0]);  

laddaTrigger.click(function() {
    ladda.toggle(); 
});

$('.ladda-toggle').click(function() {
ladda.toggle(); 
})