Use jQuery SlideToggle to Show/Hide Multiple Rows or Divs

slide-show-slidetoggle-jquery

In this tutorial a set of links control the visibility of a number of corresponding divs or rows. It uses jQuery’s slideUp and slideToggle sliding effects. I have used a list as the triggers that will open close the corresponding div/row…

Find and Trump Z-Index on all Elements on a Page with jQuery

trump-z-index-jquery

The jQuery snippet below will search all HTML elements on a page and find the element with the highest z-index value and capture that value in a variable – then using the .css function in jQuery, assign and increment that…

Create a Expand/Collapse FAQ Accordion, Collapse other on Click

faq-accordion-expand-collpase

This guide creates a FAQ expand/collapse javascript question and answer set up whereby when another question is expanded the current open answer is collapsed. So only one is expanded at any point. In the example below click to see how it works. I have…

Creating a FAQ Page in WordPress using ACF and jQuery

How to create a FAQ page in WordPress using Advanced Custom Fields and jQuery. ACF (Advanced Custom Fields) Pro comes with a great inclusion called the Repeater field which allows a user to continually add additional rows of data of certain custom fields to…

Stop video playing when Bootstrap modal is closed

If you add a video to a Bootstrap Modal and either dismiss or close the modal whilst the video is playing the video will keep on playing.You can adjust this behaviour by adding in some Bootstrap javascript/jQuery that acts to…