Before and After Shortcode jQuery

before-after-shortcode-jquery

/**
	 * trigger the before and after images
	 */
	var beforeafter = function() {
		
		/* get the preceeding element before the toggle button - hides all the after images */
		$( '.before-after-toggle' ).prev().hide();
		
		/* when the element with 'before-after-toggle' class is clicked */
		$( '.before-after-toggle' ).click(function() {
			
			/* hide the before image and show the after image */
			$( this ).siblings( '.after-image' ).toggle();
			$( this ).siblings( '.before-image' ).toggle();
			
			/* toggle a class on the button itself */
			$( '.before-after-toggle' ).toggleClass( 'active' );
			
		});
	
	};

$(document).ready(beforeafter);