Jonatas's public fiddles
-
Simple Angular Binding demo with directive
Externalize the time into a separate directive component.
-
hj5z35uw
jQuery 1.11.0, HTML, CSS, JavaScript
-
hftseg63
No-Library (pure JS), HTML, CSS, JavaScript
-
en37dLdq
No-Library (pure JS), HTML, CSS, JavaScript
-
ugch2fkc
jQuery 1.11.0, HTML, CSS, JavaScript
-
bhwdtm89
jQuery 1.11.0, HTML, CSS, JavaScript
-
834q4w30
D3 3.x, HTML, CSS, JavaScript
-
k1uzrrcw
No-Library (pure JS), HTML, CSS, JavaScript
-
r6f3s6r0
jQuery 1.11.0, HTML, CSS, JavaScript
-
ukrt51e7
No-Library (pure JS), HTML, CSS, JavaScript
-
j8zhc9pt
No-Library (pure JS), HTML, CSS, JavaScript
-
qf4h25c6
jQuery 1.11.0, HTML, CSS, JavaScript
-
duywyszh
jQuery 2.1.3, HTML, CSS, JavaScript
-
v8kboog6
Mootools 1.4.5, HTML, CSS, JavaScript
-
90gwn5ws
No-Library (pure JS), HTML, CSS, JavaScript
-
aLpqwp0k
No-Library (pure JS), HTML, CSS, JavaScript
-
Width toggle on hover
When hovering .wrapper, it's child element .contents should animate from 0px to it's natural width. Then when the mouse is removed from .wrapper, it should animate back down to 0px. The .wrapper element should only be as wide as it needs to be, so .wrapper should grow in width and shrink in width as .contents does. There should be no set width for .contents.
-
Width toggle on hover
When hovering .wrapper, it's child element .contents should animate from 0px to it's natural width. Then when the mouse is removed from .wrapper, it should animate back down to 0px. The .wrapper element should only be as wide as it needs to be, so .wrapper should grow in width and shrink in width as .contents does. There should be no set width for .contents.
-
k2bjw5zu
No-Library (pure JS), HTML, CSS, JavaScript
-
r22w4v90
jQuery 1.11.0, HTML, CSS, JavaScript