Skip to content
Browse files

Added options description

  • Loading branch information...
1 parent dea9e8a commit 4a641d703ce39a022cf563fea8892b1f649bc14c @annavester committed Mar 2, 2013
Showing with 29 additions and 28 deletions.
  1. +29 −28 index.html
View
57 index.html
@@ -33,34 +33,35 @@
<p>No extra libraries required.</p>
-<h2>Two ways to make it work:</h2>
-
-<h3>Example 1:</h3>
-
-<p>This is a <a title="Text Tooltip
-Content" class="tooltip" data-tt-type="attr">tooltip</a>.</p>
-
-<div class="highlight"><pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"attr"</span> <span class="na">title=</span><span class="s">"Text Tooltip </span>
-<span class="s">Content"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span>
-</pre></div>
-
-<p>Example 2:</p>
-
-<p>This is a <a class="tooltip" data-tt-type="element">tooltip</a>.</p>
-
-<div class="hide">
- <h2>HTML Tooltip Content</h2>
- <p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
-ipsum at orci blandit tristique.</p>
-</div>
-
-<div class="highlight"><pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"element"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"hide"</span><span class="nt">&gt;</span>
- <span class="nt">&lt;h2&gt;</span>HTML Tooltip Content<span class="nt">&lt;/h2&gt;</span>
- <span class="nt">&lt;p&gt;</span>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
-ipsum at orci blandit tristique.<span class="nt">&lt;/p&gt;</span>
-<span class="nt">&lt;/div&gt;</span>
-</pre></div>
+ <h2>Options</h2>
+ <p><b>hideOnMouseOut</b> - set to true by default. If you set it to false, the close anchor will be added.</p>
+
+ <h2>Two ways to make it work:</h2>
+
+ <h3>Example 1:</h3>
+ <p>This is a <a title="Text Tooltip
+ Content" class="tooltip" data-tt-type="attr">tooltip</a>.</p>
+
+ <div class="highlight">
+ <pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"attr"</span> <span class="na">title=</span><span class="s">"Text Tooltip </span>
+ <span class="s">Content"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span></pre>
+ </div>
+
+ <h3>Example 2:</h3>
+ <p>This is a <a class="tooltip" data-tt-type="element">tooltip</a>.</p>
+
+ <div class="hide">
+ <h2>HTML Tooltip Content</h2>
+ <p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla ipsum at orci blandit tristique.</p>
+ </div>
+
+ <div class="highlight"><pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"element"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span>
+ <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"hide"</span><span class="nt">&gt;</span>
+ <span class="nt">&lt;h2&gt;</span>HTML Tooltip Content<span class="nt">&lt;/h2&gt;</span>
+ <span class="nt">&lt;p&gt;</span>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
+ ipsum at orci blandit tristique.<span class="nt">&lt;/p&gt;</span>
+ <span class="nt">&lt;/div&gt;</span>
+ </pre></div>
</section>
<aside id="sidebar">

0 comments on commit 4a641d7

Please sign in to comment.
Something went wrong with that request. Please try again.