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.
27 lines
826 B
27 lines
826 B
/* ------------------------------------------------------------------------------ |
|
* |
|
* # 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(); |
|
}); |
|
|
|
});
|
|
|