Simple.js Ext: Animation Docs


Simple.js actually isn't a requirement to use the Simple.js animation extension, it is recommended though. Below you'll find the script tags to include for both the normal library and the animation extension.
<script src=""></script> <!-- Normal Library -->

<script src=""></script> <!-- Animation Extension JS -->
<link rel="stylesheet" href=""> <!-- Animation Extension CSS -->


Fade in an element.
gid("example_id").fadeIn(200) // Will fade in #example_id for a duration of 200ms
Fade out an element.
gid("example_id").fadeOut(200) // Will fade out #example_id for a duration of 200ms


Delay a fade in for 1s
Delay a fade out for 1s


At the end of every animation function is an optional callback function
gid("example_id").fadeIn(200, () => {
    console.log("Faded In!") // This will log after 200ms when the animation is finished
You can also use them with delays for the same effect
gid("example_id").delay(1000).fadeOut(200, () => {
    console.log("Faded Out!") // This will log after 1200ms when the animation is finished