Effects: Style updates

Ref #14246
Ref gh-1588

5 files changed, 19 insertions, 19 deletions

diff --git a/demos/effect/default.html b/demos/effect/default.html
index bd28652a6..59479539f 100644
--- a/demos/effect/default.html
+++ b/demos/effect/default.html
@@ -19,7 +19,7 @@
 			// get effect type from
 			var selectedEffect = $( "#effectTypes" ).val();
 
-			// most effect types need no options passed by default
+			// Most effect types need no options passed by default
 			var options = {};
 			// some effects have required parameters
 			if ( selectedEffect === "scale" ) {
@@ -30,18 +30,18 @@
 				options = { to: { width: 200, height: 60 } };
 			}
 
-			// run the effect
+			// Run the effect
 			$( "#effect" ).effect( selectedEffect, options, 500, callback );
 		};
 
-		// callback function to bring a hidden box back
+		// Callback function to bring a hidden box back
 		function callback() {
 			setTimeout(function() {
 				$( "#effect" ).removeAttr( "style" ).hide().fadeIn();
 			}, 1000 );
 		};
 
-		// set effect from select menu value
+		// Set effect from select menu value
 		$( "#button" ).on( "click", function() {
 			runEffect();
 			return false;
diff --git a/demos/effect/easing.html b/demos/effect/easing.html
index 5985dc699..7d5f4b982 100644
--- a/demos/effect/easing.html
+++ b/demos/effect/easing.html
@@ -37,7 +37,7 @@
 				ctx = canvas.getContext( "2d" );
 			ctx.fillStyle = "black";
 
-			// draw background
+			// Draw background
 			ctx.beginPath();
 			ctx.moveTo( cradius, 0 );
 			ctx.quadraticCurveTo( 0, 0, 0, cradius );
@@ -49,21 +49,21 @@
 			ctx.lineTo( cradius, 0 );
 			ctx.fill();
 
-			// draw bottom line
+			// Draw bottom line
 			ctx.strokeStyle = "#555";
 			ctx.beginPath();
 			ctx.moveTo( width * 0.1, drawHeight + .5 );
 			ctx.lineTo( width * 0.9, drawHeight + .5 );
 			ctx.stroke();
 
-			// draw top line
+			// Draw top line
 			ctx.strokeStyle = "#555";
 			ctx.beginPath();
 			ctx.moveTo( width * 0.1, drawHeight * .3 - .5 );
 			ctx.lineTo( width * 0.9, drawHeight * .3 - .5 );
 			ctx.stroke();
 
-			// plot easing
+			// Plot easing
 			ctx.strokeStyle = "white";
 			ctx.beginPath();
 			ctx.lineWidth = 2;
@@ -76,7 +76,7 @@
 			});
 			ctx.stroke();
 
-			// animate on click
+			// Animate on click
 			graph.on( "click", function() {
 				wrap
 					.animate( { height: "hide" }, 2000, name )
diff --git a/demos/effect/hide.html b/demos/effect/hide.html
index 1fcd6477e..38ac3e157 100644
--- a/demos/effect/hide.html
+++ b/demos/effect/hide.html
@@ -18,7 +18,7 @@
 			// get effect type from
 			var selectedEffect = $( "#effectTypes" ).val();
 
-			// most effect types need no options passed by default
+			// Most effect types need no options passed by default
 			var options = {};
 			// some effects have required parameters
 			if ( selectedEffect === "scale" ) {
@@ -27,18 +27,18 @@
 				options = { to: { width: 200, height: 60 } };
 			}
 
-			// run the effect
+			// Run the effect
 			$( "#effect" ).hide( selectedEffect, options, 1000, callback );
 		};
 
-		// callback function to bring a hidden box back
+		// Callback function to bring a hidden box back
 		function callback() {
 			setTimeout(function() {
 				$( "#effect" ).removeAttr( "style" ).hide().fadeIn();
 			}, 1000 );
 		};
 
-		// set effect from select menu value
+		// Set effect from select menu value
 		$( "#button" ).on( "click", function() {
 			runEffect();
 		});
diff --git a/demos/effect/show.html b/demos/effect/show.html
index 4bb0919e4..19a6cca97 100644
--- a/demos/effect/show.html
+++ b/demos/effect/show.html
@@ -18,7 +18,7 @@
 			// get effect type from
 			var selectedEffect = $( "#effectTypes" ).val();
 
-			// most effect types need no options passed by default
+			// Most effect types need no options passed by default
 			var options = {};
 			// some effects have required parameters
 			if ( selectedEffect === "scale" ) {
@@ -27,7 +27,7 @@
 				options = { to: { width: 280, height: 185 } };
 			}
 
-			// run the effect
+			// Run the effect
 			$( "#effect" ).show( selectedEffect, options, 500, callback );
 		};
 
@@ -38,7 +38,7 @@
 			}, 1000 );
 		};
 
-		// set effect from select menu value
+		// Set effect from select menu value
 		$( "#button" ).on( "click", function() {
 			runEffect();
 		});
diff --git a/demos/effect/toggle.html b/demos/effect/toggle.html
index 65c4747a9..7ecf8c9c0 100644
--- a/demos/effect/toggle.html
+++ b/demos/effect/toggle.html
@@ -33,7 +33,7 @@
 			// get effect type from
 			var selectedEffect = $( "#effectTypes" ).val();
 
-			// most effect types need no options passed by default
+			// Most effect types need no options passed by default
 			var options = {};
 			// some effects have required parameters
 			if ( selectedEffect === "scale" ) {
@@ -42,11 +42,11 @@
 				options = { to: { width: 200, height: 60 } };
 			}
 
-			// run the effect
+			// Run the effect
 			$( "#effect" ).toggle( selectedEffect, options, 500 );
 		};
 
-		// set effect from select menu value
+		// Set effect from select menu value
 		$( "#button" ).on( "click", function() {
 			runEffect();
 		});