Browse files

Fixed example for showHide

  • Loading branch information...
1 parent 6603739 commit b79c072423e9260637cef013d7bce1a70cdd6194 Dean Sofer committed Mar 29, 2012
Showing with 10 additions and 8 deletions.
  1. +2 −1 css/app.css
  2. +8 −7 index.html
3 css/app.css
@@ -5,7 +5,8 @@
.ui-hide {
display: none;
-.animate {
+.animate span {
+ display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
15 index.html
@@ -44,7 +44,7 @@
<h2>jQuery Passthrough</h2>
<p>Fires a jQuery command specified in the expression on an element.</p>
- <p><input value="Click Here to show the jQuery UI Datepicker" ui:jq="datepicker"></p>
+ <p><input value="Click Here for Datepicker" ui:jq="datepicker"></p>
<p>Not every jQuery plugin requires creating a new directive just to use it. Instead, use the pass-through directive to rapidly port functionality. It is probably the best solution for 75% of the cases you will encounter.</p>
@@ -68,17 +68,18 @@
<p><a ng:click="showHideAn=!showHideAn">Toggle State: {{!!showHideAn}}</a></p>
<p class="animate">
- <div ui:show="showHideAn">Show</div>
- <div ui:hide="showHideAn">Hide</div>
- <div ui:toggle="showHideAn">Toggle</div>
+ <span ui:show="showHideAn">Show</span>
+ <span ui:hide="showHideAn">Hide</span>
+ <span ui:toggle="showHideAn">Toggle</span>
<blockquote>But can't you just do <code>ng:class="someExpression&&'ui-show'"</code>?</blockquote>
<p>... shutup.</p>
-<pre ng:non-bindable>&lt;span ui:show=&quot;showHide&quot;&gt;Show&lt;/span&gt;
-&lt;span ui:hide=&quot;showHide&quot;&gt;Hide&lt;/span&gt;
-&lt;span ui:toggle=&quot;showHide&quot;&gt;Toggle&lt;/span&gt;
+<pre ng:non-bindable>&lt;p&gt;&lt;a ng:click=&quot;showHide=!showHide&quot;&gt;Toggle State: {{!!showHide}}&lt;/a&gt;&lt;/p&gt;
+&lt;div ui:show=&quot;showHide&quot;&gt;Show&lt;/div&gt;
+&lt;div ui:hide=&quot;showHide&quot;&gt;Hide&lt;/div&gt;
+&lt;div ui:toggle=&quot;showHide&quot;&gt;Toggle&lt;/div&gt;

0 comments on commit b79c072

Please sign in to comment.