You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
826 B
28 lines
826 B
3 years ago
|
/* ------------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* # CSS animations
|
||
|
|
*
|
||
|
|
* Specific JS code additions for components_animations.html page
|
||
|
|
*
|
||
|
|
* Version: 1.0
|
||
|
|
* Latest update: Aug 1, 2015
|
||
|
|
*
|
||
|
|
* ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
$(function() {
|
||
|
|
|
||
|
|
// Toggle animations
|
||
|
|
$("body").on("click", ".animation", function (e) {
|
||
|
|
|
||
|
|
// Get animation class from "data" attribute
|
||
|
|
var animation = $(this).data("animation");
|
||
|
|
|
||
|
|
// Apply animation once per click
|
||
|
|
$(this).parents(".panel").addClass("animated " + animation).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function () {
|
||
|
|
$(this).removeClass("animated " + animation);
|
||
|
|
});
|
||
|
|
e.preventDefault();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|