From 8dc7ae85a1794f35d56caa943e1e384a45c478dd Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Fri, 30 Mar 2012 23:51:37 -0400
Subject: adjustments to custom state events

---
 index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 906376d..327236c 100644
--- a/index.html
+++ b/index.html
@@ -114,7 +114,7 @@
 					</ol>
 				</section>
 
-				<section data-state="blur">
+				<section data-state="blurred">
 					<h2>Global State</h2>
 					<p>
 						If you set <code>data-state="something"</code> on a slide, <code>"something"</code>
@@ -253,6 +253,12 @@
 				transition: query.transition || 'default' // default/cube/page/concave/linear(2d)
 			});
 
+			// Example of binding an event to a state. This listener will trigger
+			// when the slide with 'data-state="blurred"' is opened.
+			document.querySelector( '#reveal' ).addEventListener( 'blurred', function() {
+				
+			}, false );
+
 			hljs.initHighlightingOnLoad();
 		</script>
 
-- 
cgit v1.2.3