Remove custom hide class from examples in favor of djdt-hidden

jdufresne · jdufresne · commit 4b728ceb76d5 · 2020-03-07T08:56:35.000-08:00
diff --git a/example/templates/jquery/index.html b/example/templates/jquery/index.html
@@ -3,19 +3,16 @@
 <head>
 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
 	<title>jQuery Test</title>
-	<style>
-	.hide {display:none;}
-	</style>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 	<script>
 		$(document).ready(function() {
-			$('p.hide').show();
+			$('p.djdt-hidden').show();
 			$('#v').text($.fn.jquery);
 		});
 	</script>
 </head>
 <body>
 	<h1>jQuery Test</h1>
-	<p class="hide">If you see this, jQuery <strong id="v"></strong> is working.</p>
+	<p class="djdt-hidden">If you see this, jQuery <strong id="v"></strong> is working.</p>
 </body>
 </html>
diff --git a/example/templates/mootools/index.html b/example/templates/mootools/index.html
@@ -3,19 +3,16 @@
 <head>
 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
 	<title>MooTools Test</title>
-	<style>
-	.hide {display:none;}
-	</style>
 	<script src="//ajax.googleapis.com/ajax/libs/mootools/1.6.0/mootools.min.js"></script>
 	<script>
 		window.addEvent('domready', function() {
-			$$('p.hide').setStyle('display', 'block');
+			$$('p.djdt-hidden').setStyle('display', 'block');
 			$('v').set('text', MooTools.version);
 		});
 	</script>
 </head>
 <body>
 	<h1>MooTools Test</h1>
-	<p class="hide">If you see this, MooTools <strong id="v"></strong> is working.</p>
+	<p class="djdt-hidden">If you see this, MooTools <strong id="v"></strong> is working.</p>
 </body>
 </html>
diff --git a/example/templates/prototype/index.html b/example/templates/prototype/index.html
@@ -3,19 +3,16 @@
 <head>
 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
 	<title>Prototype Test</title>
-	<style>
-	.hide {display:none;}
-	</style>
 	<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.3.0/prototype.js"></script>
 	<script>
 		document.observe('dom:loaded', function() {
-			$('showme').removeClassName('hide');
+			$('showme').removeClassName('djdt-hidden');
 			$('v').textContent = Prototype.Version;
 		});
 	</script>
 </head>
 <body>
 	<h1>Prototype Test</h1>
-	<p class="hide" id="showme">If you see this, Prototype <strong id="v"></strong> is working.</p>
+	<p class="djdt-hidden" id="showme">If you see this, Prototype <strong id="v"></strong> is working.</p>
 </body>
 </html>
