Button demo: Replace anchors with more appropriate buttons

Author: jzaefferer

demos/effect/addClass.html

@@ -17,7 +17,6 @@
 	$(function() {
 		$( "#button" ).click(function() {
 			$( "#effect" ).addClass( "newClass", 1000, callback );
-			return false;
 		});
 
 		function callback() {
@@ -36,7 +35,7 @@
 	</div>
 </div>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>This demo adds a class which animates: text-indent, letter-spacing, width, height, padding, margin, and font-size.</p>

demos/effect/animate.html

@@ -46,7 +46,7 @@ <h3 class="ui-widget-header ui-corner-all">Animate</h3>
 	</div>
 </div>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Toggle Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Toggle Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/hide.html

@@ -54,7 +54,6 @@
 		// set effect from select menu value
 		$( "#button" ).click(function() {
 			runEffect();
-			return false;
 		});
 	});
 	</script>
@@ -86,7 +85,7 @@ <h3 class="ui-widget-header ui-corner-all">Hide</h3>
 	<option value="slide">Slide</option>
 </select>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/removeClass.html

@@ -17,7 +17,6 @@
 	$(function() {
 		$( "#button" ).click(function() {
 			$( "#effect" ).removeClass( "newClass", 1000, callback );
-			return false;
 		});
 
 		function callback() {
@@ -36,7 +35,7 @@
 	</div>
 </div>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/show.html

@@ -54,7 +54,6 @@
 		// set effect from select menu value
 		$( "#button" ).click(function() {
 			runEffect();
-			return false;
 		});
 
 		$( "#effect" ).hide();
@@ -88,7 +87,7 @@ <h3 class="ui-widget-header ui-corner-all">Show</h3>
 	<option value="slide">Slide</option>
 </select>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/switchClass.html

@@ -19,7 +19,6 @@
 		$( "#button" ).click(function(){
 			$( ".newClass" ).switchClass( "newClass", "anotherNewClass", 1000 );
 			$( ".anotherNewClass" ).switchClass( "anotherNewClass", "newClass", 1000 );
-			return false;
 		});
 	});
 	</script>
@@ -31,7 +30,7 @@
 			Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede.
 	</div>
 </div>
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/toggle.html

@@ -62,7 +62,6 @@
 		// set effect from select menu value
 		$( "#button" ).click(function() {
 			runEffect();
-			return false;
 		});
 	});
 	</script>
@@ -94,7 +93,7 @@ <h3 class="ui-widget-header ui-corner-all">Toggle</h3>
 	<option value="slide">Slide</option>
 </select>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>

demos/effect/toggleClass.html

@@ -17,7 +17,6 @@
 	$(function() {
 		$( "#button" ).click(function() {
 			$( "#effect" ).toggleClass( "newClass", 1000 );
-			return false;
 		});
 	});
 	</script>
@@ -30,7 +29,7 @@
 	</div>
 </div>
 
-<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
+<button id="button" class="ui-state-default ui-corner-all">Run Effect</button>
 
 <div class="demo-description">
 <p>Click the button above to preview the effect.</p>