JSFiddle

Kristine's public fiddles

• o9d4pbds

  jQuery 3.1.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• qavjsmpf

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 3frkrfq1

  jQuery 3.1.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pure CSS slideUp / slideDown

  Since you can't animate to height: auto in CSS3, I created this workaround that creates a smooth animation in either direction and is height-independent. It works around block elements too, and uses a bezier curve to simulate ease-in-out identically for both short and tall content.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 30yap8dg

  jQuery 1.7.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• wkbxjrbt

  jQuery 1.8.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• tkmakk5e

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• xkLd7kx4

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Slide down-show div

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 8vkmah32

  jQuery 1.6.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• m5vr7zyg

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 3cxek203

  jQuery 1.10.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pure CSS3 animated clouds background

  http://thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background

• Private fiddle Extra
• Delete fiddle
Groups Extra
• FadeIn on Scroll (jQuery)

  Used to answer a question on StackOverflow.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery fade in a div when user scroll to that div.

  http://stackoverflow.com/questions/5367731

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jhj4u699

  jQuery 1.6.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• k8evj1xg

  jQuery 1.6.3, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Random order

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Switch statement

  jQuery 2.1.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vegx5mqe

  jQuery 2.1.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2