#jquery

Add A Time Input to Contact Form 7 Without A Plugin

The Contact Form 7 plugin does not inherently support the time attribute for an input field. As of version 5.2, you can use the native HTML5 date input field (and all of the UX that browsers provide that come along with it) but you...

Toggle A Caption in Fancybox 3

Since the release of Fancybox 3 and all of its new options, I started looking for a way to incorporate the caption of an image and toggle it.  The default effect of this JQuery lightbox plugin is to hide and show the caption (along...

Animate Elements with CSS Animations & JQuery

Today, I wanted to feature a technique I have been using which quickly allows me to animate elements on a page with CSS animations.  It will loop through each element on the page  based on a CSS class and intermittently add an animation to that...

Force Reload on a Hash or Anchor Change with JQuery

I had a JQuery function that detected if there was a hash/anchor tag appended to the loaded URL.  If there was, it would scroll to the anchor tag on the page. This was the function: $(document).ready(function() { var hash = window.location.hash; if(hash) { $('html,body').animate({scrollTop:...

JQuery Slider with Sliding Panes and Opacity Changes

I designed a Jquery Slider with “panes” that transition in size and opacity. I liked this idea as an alternative to some sliders that “slide” pane to pane, or ones that have funny transitions between each pane. This could be used more for a...