adds data-options example and link to all options

diff --git a/doc/pages/components/tooltips.html b/doc/pages/components/tooltips.html
index 73507fc053c300dc44eab8dc53e15e1a6d12e5cb..66feda290b94523a63c218ea4c5f58d4da3b5eb6 100644 (file)
--- a/doc/pages/components/tooltips.html
+++ b/doc/pages/components/tooltips.html
@@ -110,11 +110,13 @@ It's easy to configure tooltips using our Javascript. You can use data-attribute
 
 Using data-attributes is the preferred method of making changes to our Javascript.
 
+You will find all the data-options here: <a href="http://foundation.zurb.com/docs/javascript.html">JavaScript Data Options</a>
+
 <h4>HTML</h4>
 
 {{#markdown}}
 ```html
-<span data-tooltip aria-haspopup="true" class="has-tip" title="Tooltips are awesome, you should totally use them!">...</span>
+<span data-tooltip data-options="hover_delay: 50;" class="has-tip" title="Tooltips are awesome, you should totally use them!">...</span>
 ```
 {{/markdown}}